Question

I’m trying to add the input values of several text boxes using javascript and display the total number below. How can I add and keep the sum for displaying after the computation. I’m not an expert in javascript.

Answer 1

Here is an example that shows you how to do this:

<form name="myFormName">
    <p><input type="text" name="myInputName1" value="25.3"></p>
    <p><input type="text" name="myInputName2" value="14.2"></p>
</form>
<div id="total"></div>

<script type="text/javascript>

    var total = parseFloat(0, 10);

    total += parseFloat(document.myFormName.myInputName1.value, 10);
    total += parseFloat(document.myFormName.myInputName2.value, 10);

    document.getElementById("total").innerHTML = "Total is " + total;

</script>