[如果我在文本框中输入数字并按'Enter',它将显示在禁用框中,接下来的事情是,如果我输入另一个数字,它将求和到禁用框中的值。
我还希望有一个重置按钮来清除禁用的框。
以及禁用框中的每个数字的记录日志。
这是我的学校项目,请有人帮我😔
这可能吗?非常感谢你的帮助!
let box1 = document.getElementById("box1");
let box2 = document.getElementById("box2");
let resetBtn = document.getElementById("reset");
let historyContainer = document.getElementById("history");
let history = [];
//listen key enter press on the input
box1.addEventListener("keyup", e => {
if (e.key === "Enter" && e.target.value !== "") {
box2.value = e.target.value;
history.unshift(e.target.value);
historyContainer.innerHTML += `<p>${e.target.value}</p>`;
}
});
//reset the second box and
resetBtn.addEventListener("click", () => {
box2.value = "";
});
<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="app">
<input type="number" id="box1" />
<input type="text" id="box2" disabled />
<button id="reset">Reset</button>
</div>
<div id="history"></div>
</body>
</html>