我是一名新手 JS 程序员，正在迈出编程的第一步，所以我感谢您帮助我学习它。
我创建了一个函数，该函数将用户在 INPUT 中输入的值加 5。结果显示在 . 它完美地工作。单击按钮后，结果显示出来。但是，我想使用相同的按钮继续向输出值添加另外 5 个，而无需在 INPUT 中输入新值。
我试过： - 在函数外声明未定义的值（让 sum; ）以使变量成为全局变量，但它不起作用。
我在想：
let sum;
let sum2;
function adder5() {
let userNumber = Number(document.querySelector("#yourNumber").value);
sum = userNumber + 5;
document.querySelector("#output").textContent = sum;
}
document.querySelector("#btn").addEventListener("click", adder5);
function adderContinue(sum) {
document.querySelector("#btn").addEventListener("click", function () {
sum2 = sum + 5;
});
document.querySelector("#output").textContent = sum2;
}<input id="yourNumber" type="number" />
<button id="btn">Calculate</button>
<p id="output"></p>我感谢您的帮助。任何提示都可以，因为我被卡住了。顺便说一句，我意识到变量 SUM 在第一次点击事件后变为 SUM2，但代码应该至少工作一次。
您可以使用输入字段的事件来更新缓存值并在单击按钮时更新它。
const input = document.getElementById('input'),
button = document.getElementById('button'),
output = document.getElementById('output');
let value = input.valueAsNumber;
input.oninput = function () {
value = this.valueAsNumber;
};
button.onclick = function () {
value += 5;
output.textContent = isNaN(value) ? '' : value;
};<input type="number" id="input" />
<button id="button">Calculate</button>
<p id="output"></p>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句