Как сделать операцию сложения с innerText и числом?

Question

[itsnotviktoriaaa]

Хочу сделать, чтобы пользователь, когда вводит число (только число) в инпут, то после нажатия на кнопку это число прибавлялось к нулю, а в самом инпуте число пропадало. И так можно было бы сделать неоднократное кол-во раз, чтобы число увеличивалось. Но выходит, что если ввести цифру 8, к примеру, то получается выводится 08, а не 8. Через parseInt пыталась преобразовать число 0, но всё равно не выходит.

<div>0</div>
<br>
<input type="text">
<br>
<br>
<button>Добавить</button>

let input = document.getElementsByTagName('input')[0];

let text = document.getElementsByTagName('div')[0];


let number = 0;

input.onkeydown = (event) => {
    number = parseInt(event.key);
    if (isNaN(number)) {
        return false;
    }
}


let button = document.getElementsByTagName('button')[0];

button.onclick = function (event) {
    text.innerText += number;
    input.value = null;
}

Comments

[Rsa97]

'1' + '2' // '12'
'1' + 2 // '12'
1 + '2' // 12
1 + 2 // 3

[0xD34F]

Rsa97, '6' - 4 // 2. Т.е., можно элемент.innerText -= -число;.

Answer 1

[Вадим]

Вы были в шаге от успеха.

- text.innerText += number;
+ text.innerText = Number.parseInt(text.innerText) + number;

Ну или нужно было перед этим прибавить к number значение из инпута