JavaScript二分猜数游戏重置故障：按钮显示与nGuesses计数问题

问题1：重置后按钮持续显示问号 #

原因 #

重置流程仅调用toggleBtns控制按钮显隐状态，未重新执行按钮猜测数字的赋值逻辑。首次游戏初始化时会为按钮设置对应数字，但重置后跳过了这一步，导致按钮保留初始问号状态。

修复方案 #

在resetGame函数中，同步执行按钮数字的重新赋值逻辑，和首次初始化流程保持一致：

function resetGame() {
  // 重置游戏核心参数
  min = 1;
  max = 100;
  secretNumber = Math.floor(Math.random() * (max - min + 1)) + min;

  // 重新生成/更新按钮的猜测数字文本
  const guessButtons = document.querySelectorAll('.guess-button');
  guessButtons.forEach(btn => {
    // 根据二分逻辑计算当前猜测值，按你的游戏规则调整
    const currentGuess = Math.floor((min + max) / 2);
    btn.textContent = currentGuess;
  });

  // 控制按钮状态
  toggleBtns(true);
}

问题2：nGuesses重置后未归零 #

原因 #

nGuesses变量作用域未覆盖重置流程，或resetGame函数中未显式重置该变量，导致计数持续累加。

修复方案 #

确保nGuesses在resetGame中可被访问并重置：

// 全局/模块级作用域声明变量
let nGuesses = 0;

function rightGuess() {
  nGuesses++;
  // 猜对后的逻辑
}

function resetGame() {
  // 重置计数
  nGuesses = 0;
  // 其他重置逻辑（如上面的按钮更新、参数重置）
}

如果使用闭包封装游戏逻辑，可通过调用初始化函数统一重置所有状态：

(function() {
  let nGuesses = 0;
  let min = 1;
  let max = 100;
  let secretNumber;

  // 统一初始化/重置逻辑
  function initGame() {
    min = 1;
    max = 100;
    secretNumber = Math.floor(Math.random() * (max - min + 1)) + min;
    nGuesses = 0;
    // 初始化按钮数字
    const guessButtons = document.querySelectorAll('.guess-button');
    guessButtons.forEach(btn => {
      btn.textContent = Math.floor((min + max) / 2);
    });
  }

  function rightGuess() {
    nGuesses++;
    // 猜对逻辑
  }

  function resetGame() {
    initGame();
    toggleBtns(true);
  }

  // 绑定重置按钮事件
  document.getElementById('reset-btn').addEventListener('click', resetGame);

  // 首次启动游戏
  initGame();
})();

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