0

Hola buen dia a Todos.

Necesito generar una suma dependiendo de cuantos inputs la persona agregue

introducir la descripción de la imagen aquí

en este caso me agrego 3 inputs. Necesito que a la hora que haya un valor en el input VALOR TOTAL se SUME en el input VALOR TOTAL MATERIALES.

Cada campo se crea cuando le da en el botón verde AÑADIR

Todos los inputs tienen un name, Id diferente.

La manera en que se crean estos campos es con js:

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

5
  • Hola, binvenida a Stack Overflow en español, podrías por favor agregar la manera en la que creas los inputs? tienen algun patron respecto al name o respecto al id?
    – Pipe
    Commented el 19 may. 2022 a las 14:50
  • ya lo añado a la pregunta Commented el 19 may. 2022 a las 14:51
  • Hola, recuerda hacer el recorrido de bienvenida, y revisa Cómo preguntar. El código no debe ser añadido como imagen, debe ser añadido como texto. Presiona "Editar" y pon tu código como texto.
    – Pipe
    Commented el 19 may. 2022 a las 15:04
  • @DianaBecerra, ¿No era más fácil copiar y pegar el código como texto, que andar sacando caputras de pantalla?
    – Marcos
    Commented el 19 may. 2022 a las 15:04
  • no me dejo pegar el código como es en realidad por eso me toco por capturas. OCmo tiene js y dentro tiene html me aparecia un error a la hora de subir el codigo Commented el 19 may. 2022 a las 15:11

1 respuesta 1

1

Mediante una clase recorres todos los elementos que la tengan, en este caso los inputs de valor total, extraes su valor y los vas sumando para terminar imprimiendo tu suma final

let valor_total_elems = document.querySelectorAll('.valor_total')
let suma = 0
valor_total_elems.forEach(e => suma += parseInt(e.value))

document.querySelector('#final').value = suma
<div>
  <div>
    <input id="1" type="number" value="10" class="valor_total"... />
  </div>
   <div>
    <input id="2" type="number" value="10" class="valor_total"... />
  </div>
  <div>
    <input id="3" type="number" value="10" class="valor_total"... />
  </div>
  <div><input id="final" type="number"><div>
</div>

3
  • podrias explicarme como un ejemplo porfavor Commented el 19 may. 2022 a las 15:39
  • Tal y como está redactada, tu respuesta no es clara. Por favor, pulsa en editar para añadir detalles adicionales que ayuden a los demás a entender cómo esto responde a la pregunta formulada. Puedes encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda.
    – Comunidad Bot
    Commented el 19 may. 2022 a las 15:42
  • Mas que una respuesta, esto parece un comentario. Mírate Cómo responder para aprender a realizar buenas respuestas, gracias.
    – masterguru
    Commented el 19 may. 2022 a las 15:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.