quiero calcular el total de los números introducidos por el usuario. Después de que un usuario haya agregado el nombre del artículo y la cantidad, quiero mostrar el total. ¿Cómo puedo hacer esto? Solo necesito mostrar el total.
Por ejemplo, nombre del artículo: 10 nombre del artículo: 5 total = 15
<body> <header> <h1>Exercise 5-2</h1> </header> <p>Item: <input type="text" id="item" size="30"> <p>Amount: <input type="text" id="amount" size="30"> <p><span id="message">*</span> <p><input type="button" id="addbutton" value="Add Item" onClick="processInfo();"> <script> var $ = function(id) { return document.getElementById(id); }; var myTransaction = []; function processInfo () { var myItem = $('item').value; var myAmount = parseFloat($('amount').value); var myTotal = myItem + ":" + myAmount; var myParagraph = $('message'); myParagraph.innerHTML = ""; myTransaction.push(myTotal); myParagraph.innerHTML += myTransaction.join("<br>"); }; (function () { $("addbutton").onclick = processInfo; })(); </script> </body>debe almacenar el valor anterior en algún lugar de la memoria para poder reutilizarlo en la próxima iteración
una propuesta puede ser almacenarla en el conjunto de datos del campo
if ($('amount').dataset.previous) { myAmount += parseFloat($('amount').dataset.previous); } $('amount').dataset.previous = myAmount var $ = function(id) { return document.getElementById(id); }; var myTransaction = []; function processInfo () { var myItem = $('item').value; var myAmount = parseFloat($('amount').value); if ($('amount').dataset.previous) { myAmount += parseFloat($('amount').dataset.previous); } $('amount').dataset.previous = myAmount; var myTotal = myItem + ":" + myAmount; var myParagraph = $('message'); myParagraph.innerHTML = ""; myTransaction.push(myTotal); myParagraph.innerHTML += myTransaction.join("<br>"); }; (function () { $("addbutton").onclick = processInfo; })(); <p>Item: <input type="text" id="item" size="30"> <p>Amount: <input type="text" id="amount" size="30"> <p><span id="message">*</span> <p><input type="button" id="addbutton" value="Add Item" onClick="processInfo();">