добавление значений текстового поля и отображение его с помощью JavaScript

Question

Я пытаюсь добавить значения ввода нескольких текстовых полей, используя JavaScript и отображать общее количество ниже.Как я могу добавить и сохранить сумму для отображения после вычисления.Я не специалист по JavaScript.

Answer 1

Вот пример, который показывает вам, как это сделать:

<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>

Answer 2

Ну, скажем, у вас есть 5 текстовых полей с идентификатором text1, text2, text3, text4 и text5:

var boxes = ['text1', 'text2', 'text3', 'text4', 'text5'],
    sum = 0,
    i = 0,
    len = boxes.length;

for(; i < len; ++i){
    sum += parseInt(document.getElementById(boxes[i]).value, 10); // Use parseFloat if you're dealing with floating point numbers.
}
alert(sum);