Soy nuevo en esto, estoy creando inputs dinámicamente en los cuales quiero multiplicar números que voy ingresando y que los resultados se vayan sumando en un input aparte.
Este es mi código de creación de inputs:
<div class="inputs"></div>
<button type="button" id="agregar">AGREGAR</button><br><br>
Total:<input id="total" type="text" readonly>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$("#agregar").click(function(){
var cont = $(".numb").length;
var index = cont + 1;
var add = "<div><input class='numb' id='nn_"+index+"'> X <input id='mm_"+index+"'> = <input id='resultado_"+index+"' readonly></div>";
$(".inputs").append(add);
});
</script>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
var cont = $(".numb").length;
var index = cont + 1;
var add = "<div><input id='nn_"+index+"'> X <input id='mm_"+index+"'> = <input id='resultado_"+index+"' readonly></div>";
$(".inputs").append(add);
</script>
</body>
</html>
Como se muestra, quiero que al ingresar números en cada nn y mm input estos valores se multipliquen y salga el resultado en su respectivo input resultado y que además a medida que esté haciendo esto los resultados de las multiplicaciones se sumen y salga en el input total
Cómo puedo lograr esto?
Agradecería su ayuda.