Tengo un código sencillo, con el que planteo realizar una operación y al funcionar colocárselo a un cogido mas grande necesito sumar el total de mi multiplicación y colocarlo en un input en tiempo real.
Como Funciona,en el primer campo en vez de colocar un numero cualquiera coloco Precio: 7, en el otro campo es tipo number por lo cual puedo controlar el numero por el que quiero que se multiplique y lo muestra en el otro campo, al pulsar Agregar Producto crea otra linea con la que puedo seguir multiplicando como se ve en la imagen
Lo que necesito es sumar el total de esas multiplicación y mostrarla en el campo que dice total. use un for pero solo me muestra el total de cualquiera de las lineas que toco, cuan debe sumarse todas las lineas
Anexo Codigo para que lo ejecuten y puedan ver como funciona.
<!DOCTYPE html>
<html lang="es_ES">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
var nextinput = 0;
function AgregarCampos(){
nextinput++;
campo = '<li id="idLi'+nextinput+'">' +
'<input type="text" size="15" id="txt' + nextinput + '" step="any" oninput="multiplicar(\'txt' + nextinput + '\',\'nmb' + nextinput + '\',\'acumu' + nextinput + '\');" />' +
'<input type="number" size="15" id="nmb' + nextinput + '" step="any" oninput="multiplicar(\'txt' + nextinput + '\',\'nmb' + nextinput + '\',\'acumu' + nextinput + '\');" />' +
'<input type="text" size="15" id="acumu' + nextinput + '" step="any"/></li>';
$("#campos").append(campo);
}
function multiplicar(txt, nmb, acumu) {
var m1 = document.getElementById(txt).value;
var m2 = document.getElementById(nmb).value;
var P = /precio: (\d+)/i;
var match = m1.match(P);
var Price = parseInt(match[1]);
r = Price * m2;
document.getElementById(acumu).value = r;
let total = 0, numeros = acumu;
for(let i of numeros) total += i;
document.getElementById('T').value = r;
}
</script>
</head>
<body>
<form id="form" name="form" method="post">
<div align="left">
<a href="#" onclick="AgregarCampos();">Agregar Producto</a>
<ul id="campos"></ul>
<tr>
<td>
Total
</td>
<td>
<input type="text" id="T" value="0" disabled>
</td>
</tr>
</div>
</form>
</body>
</html>
Gracias por su ayuda y sugerencia que puedan brindarme