Почему выводит NaN?

Question

[atumbochka]

var input1 = parseInt(document.getElementById("input1"));
var input2 = parseInt(document.getElementById("input2"));
var button = document.getElementById("button");

button.onclick = function(){
    var result = input1 + input2;
    document.body.append(result);
}

<input type="text" id="input1">
    <h2>+</h2>
    <input type="text" id="input2"><br>
    <button id="button">=</button>

Answer 1

[Дмитрий Беляев]

Потому что Вы значения получаете тогда, когда поля еще пустые, а по нажатию кнопки просто их используете, нужно получать по нажатию кнопки, кроме того сам input не парсится в int, нужно парсить его свойство value:

var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
var button = document.getElementById("button");

button.onclick = function(){
    var result = parseInt(input1.value) + parseInt(input2.value);
    document.body.append(result);
}

Comments

[atumbochka]

Спасибо!