Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Clonar un imput y su funcion

JavaScript - Clonar un imput y su funcion

Volver
Nuevo Tema
<<>>
 
Vista:

Clonar un imput y su funcion

Publicado por Clonar un imput y su funcion (1 intervención) el 21/01/2022 16:54:42
Hola buenas tardes.

Tengo un HTML con 2 input que los sumo y obtengo el resultado.
Ahora estoy intentando poner un boton para duplicar esos input poner dos valores nuevos y volver a sumar.
El tema es que al clonar la etiqueta del HTML me trae el valor que puse en el primer imput y si lo modifico tampoco me hace la suma de esos dos imput.

HAY ALGUNA FORMA DE CLONAR TMB LA FUNCION JS CUANDO CLONO LA ETIQUETA DEL HTML?

O PUEDO ASIGNAR LA ETIQUETA QUE AGREGUE LA MISMA FUNCION QUE APLICO EN LA PRIMER ETIQUETA?

ESTOY TRABADO CON ESTE EJERCICIO...

Desde ya muchas gracias por su ayuda!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Kevin
Val: 32
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Clonar un imput y su funcion

Publicado por Kevin (5 intervenciones) el 25/01/2022 14:41:38
Muy buenas

Para poder ejecutar eventos en elementos creados dinámicamente, como el caso de tu input, debes agregarle el evento al document, de la siguiente manera:

1
2
3
4
5
6
document.addEventListener('click', function(event) {
  if (event.target.matches('input')) {
    event.preventDefault();
    //Aca pones el código del evento programado
  }
}, false);

Lo pruebas y cualquier duda me avisas.
Un saludo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar