Как взять сумму пустого div с идентификатором?

Question

Напишите функцию с именем "AdditionalCalculator", которая не принимает никаких параметров и не возвращает значение. Эта функция будет управлять логикой для веб-калькулятора, который добавляет два числа. На веб-странице будет два текстовых поля с идентификаторами «input_one» и «input_two» и пустым div с идентификатором «sum». Прочитайте значения двух текстовых полей и напишите сложение этих двух значений внутри div.

function additionCalculator(){
    var one = parseInt(document.getElementById('input_one'));
    var two = parseInt(document.getElementById('input_two'));
    var sum = one + two;
    document.getElementById('sum').value = sum;
}

Я не могу сложить два числа вместе. Что я делаю не так?

Answer 1

Попробуйте, я думаю, что вам не хватает кнопки, которая вызывает действие для расчета. Также не забудьте изменить свои утверждения, чтобы получить value из inputs и нацелить на innerHTML пустого div

document.getElementById('sumBtn').onclick = function additionCalculator(){
    var one = parseInt(document.getElementById('input_one').value);
    var two = parseInt(document.getElementById('input_two').value);
    var sum = one + two;
    document.getElementById('sum').innerHTML = sum;
}

<input type="text" id="input_one">
<input type="text" id="input_two">
<button id="sumBtn">Add</button>
<div id="sum"></div>

Answer 2

document.getElementById возвращает элемент HTML - вы хотите value элемента (я предполагаю, что это входные данные) - поэтому вам нужно получить фактическое свойство:

var one = parseInt(document.getElementById('input_one').value);
var two = parseInt(document.getElementById('input_two').value);

При установке значения обратно в div - используйте свойство innerHTML:

document.getElementById('sum').innerHTML = sum;