eval
считает все верно, в консоль результат выводится. Но в input
поместить результат вычисления не выходит.
Подскажите что делаю не так?
const input = document.querySelector('#input');
const sumbutton = document.querySelector('#sumbutton');
const result = document.querySelector('#result');
const list = document.querySelector('#list');
input.addEventListener('keydown', (event) => {
let number = false;
if (event.key >= 0 || event.key <= 9 || event.key === "*" || event.key === "+" || event.key === "-" || event.key === "Backspace") {
number = true;
}
if (!number) {
event.preventDefault();
}
if (event.key === "*" || event.key === "+" || event.key === "-") {
const item = document.createElement('li');
item.textContent = input.value;
list.append(item);
input.value = "";
}
});
input.addEventListener('keyup', (event) => {
if (event.key === "*" || event.key === "+" || event.key === "-") {
const item = document.createElement('li');
item.textContent = input.value;
list.append(item);
input.value = "";
}
});
sumbutton.addEventListener('click', () => {
const item = document.createElement('li');
item.textContent = input.value;
list.append(item);
input.value = "";
let sum = "";
document.querySelectorAll('#list li').forEach(function (val) {
sum += val.textContent.trim();
});
let res = eval(sum);
console.log(res);
result.textContent = res; // не присваивает результат в инпут result
});
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input id = "input">
<button id = "sumbutton">COUNT</button>
<input id = "result">
<ul id = "list"></ul>
eval
?