如何防止变量变为负数且变量值为1时正确激活绑定按钮

问题原因 #

你当前的代码只实现了「变量等于0时禁用按钮」的逻辑，既没有覆盖变量≥1时启用按钮的分支，也没有在变量每次更新后主动触发按钮状态刷新，自然变量变为1后按钮不会自动激活。另外你用var作为变量名属于语法错误——var是JavaScript的保留关键字，不能用作自定义变量名，也会导致后续逻辑异常。

修复方案 #

步骤1：替换非法变量名，封装状态更新逻辑 #

将你的计数变量替换为合法的自定义名称（比如count），单独封装按钮状态更新函数，保证所有场景下状态判断逻辑统一：

// 初始化计数变量
let count = 0;

function refreshButtonState() {
  const targetBtn = document.getElementById("button1");
  // 仅当计数≥1时启用按钮，其余所有情况（0、负数）都禁用
  targetBtn.disabled = count < 1;
}

// 页面加载时执行一次，保证初始禁用状态正常
refreshButtonState();

步骤2：第二个按钮点击逻辑中补全状态刷新 #

每次修改计数变量后，主动调用上面的状态更新函数，同步按钮状态：

document.getElementById("button2").addEventListener("click", function() {
  if (count === 0) {
    // 初始状态点击直接设为负数，可按需求调整具体数值
    count = -1;
  } else {
    count += 1;
  }
  // 修改变量后立刻刷新按钮状态
  refreshButtonState();
});

内容的提问来源于stack exchange，提问作者LetsGhost