如何在JavaScript计算器中重新激活+运算符
修复JavaScript计算器的+运算符激活逻辑
问题核心:点击+运算符后operationClicked被设为true,导致无法再次点击+;需要点击数字按钮后重新将operationClicked设为false,恢复+的可点击状态。
解决方案
在数字按钮的点击事件处理函数中,直接添加重置operationClicked的代码——只要用户点击了任意数字按钮(包括小数点),就将operationClicked设为false,这样就能重新激活+运算符。
修改后的数字按钮事件代码如下:
numBtn.forEach((button) => { button.addEventListener("click", function (e) { let storageBtn = button.innerText; // 点击数字/小数点后重置operationClicked,允许再次输入+ operationClicked = false; if (storageBtn === "." && decimalClicked) return; if (storageBtn === ".") { decimalClicked = true; } numbersArray.push(storageBtn); updateDisplay(); }); });
补充优化(可选)
如果希望用户删除+号后也能重新激活+,可以在删除按钮的事件中添加逻辑:
deleteBtn.addEventListener("click", function () { decimalClicked = false; const removedItem = numbersArray.pop(); // 若删除的是+,则重置operationClicked if (removedItem === "+") { operationClicked = false; } updateDisplay(); });
内容的提问来源于stack exchange,提问作者Jaques Piek
相关产品推荐
相关产品推荐

