You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 19:18:20