Сумма двух текстовых полей - JavaScript

Question

Я нашел [this] [1] довольно сложный пример javascript в Интернете и успешно применил его на своем веб-сайте.

Однако я хотел бы получить результат, в данном случае, двух промежуточных итогов в одном новом текстовом поле.

Традиционные getElementbyId и total.value=total не сработали.

РЕДАКТИРОВАТЬ

 function doMath()
{
    // Capture the entered values of two input boxes
    var twogiga = document.getElementById('twogig').value;
    var fourgiga = document.getElementById('fourgig').value;

    // Add them together and display
    var sum = parseInt(twogiga) + parseInt(fourgiga);
    document.getElementById('total').value = parseInt(sum);
}

Это JavaScript, который я использую. Но по какой-то причине, когда у меня есть только одно значение (twogig), total устанавливается как NaN. Что не так с моим сценарием?

Answer 1

Хорошо, если вы присвоили идентификаторы для ввода текста, например:затем вы можете вызвать его с помощью document.getElementById ('my_input'). value.

Итак:

<input type="text" id="my_input1" />
<input type="text" id="my_input2" />
<input type="button" value="Add Them Together" onclick="doMath();" />

<script type="text/javascript">
    function doMath()
    {
        // Capture the entered values of two input boxes
        var my_input1 = document.getElementById('my_input1').value;
        var my_input2 = document.getElementById('my_input2').value;

        // Add them together and display
        var sum = parseInt(my_input1) + parseInt(my_input2);
        document.write(sum);
    }
</script>

Естественно, это очень простой скрипт, он не проверяетубедитесь, что введенные значения являются числами.Мы должны преобразовать поля в целые числа, иначе они будут строками (поэтому 2 + 2 будет равно 22).При нажатии кнопки вызывается функция, которая создает переменную для каждого поля ввода, преобразует их в целые числа, добавляет их и выводит нашу сумму.

Answer 2

Заменить:

document.getElementById('total').value = parseInt(sum);

На:

document.getElementById('total').value = sum;

Вы уже выполнили все необходимые операции синтаксического анализа.