使用应用程序脚本创建带有记录日志的总和计数器[关闭]

问题描述 投票:-1回答:1
我想使用带有单个输入框和一个禁用框的应用脚本来创建手动输入计数器。

[如果我在文本框中输入数字并按'Enter',它将显示在禁用框中,接下来的事情是,如果我输入另一个数字,它将求和到禁用框中的值。

我还希望有一个重置按钮来清除禁用的框。

以及禁用框中的每个数字的记录日志。

这是我的学校项目,请有人帮我😔

这可能吗?非常感谢你的帮助!

javascript html appscript
1个回答
0
投票
这样的事情?

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>
© www.soinside.com 2019 - 2024. All rights reserved.