Javascript while循环添加逻辑运算实现猜数字游戏按q退出失效如何解决

问题原因 #

• 原始输入的q值被提前丢弃：首次获取用户猜测值时直接用parseInt()包裹了输入结果，当用户输入q时，parseInt("q")返回NaN，原始字符串q直接丢失，后续无法识别退出指令。
• 循环条件存在两处错误：
  1. 逻辑运算符使用错误：用了||（或）连接判断条件，循环触发逻辑变为「只要没猜对 或者 没输入q就继续循环」，哪怕用户输入了q，parseInt(guess) !== targetNum也会为真，循环永远不会终止。正确应使用&&（与），即「既没猜对、也没输入q」时才继续循环。
  2. toString方法未调用：代码中写的guess.toString !== "q"里，toString是原型方法，没有加()调用时是在比较函数本身和字符串q，永远返回false，q的判断逻辑完全不生效。
• 尝试次数计数逻辑错误：当前代码仅在猜测值小于目标值时才给attempts加1，猜测值大于目标值时不会计数，统计结果不准确。

修复后完整代码 #

let maximum = parseInt(prompt("Enter the maximum number"));
while (!maximum) {
  maximum = parseInt(prompt("Please Enter a valid number!"));
}

const targetNum = Math.floor(Math.random() * maximum + 1);
console.log(targetNum);

// 首次获取输入不提前转数字，保留原始输入值
let guess = prompt("Enter your first guess!");
let attempts = 1;

// 循环条件：输入不是q 且 猜的数字不对
while (guess !== "q" && parseInt(guess) !== targetNum) {
  const numGuess = parseInt(guess);
  // 兼容非有效数字的输入场景
  if (isNaN(numGuess)) {
    guess = prompt("Please enter a valid number or 'q' to quit");
    continue;
  }
  if (numGuess > targetNum) {
    guess = prompt("too high! Enter a new guess");
  } else {
    guess = prompt("too low! Enter a new guess");
  }
  attempts++;
}

// 区分主动退出和猜对两种场景
if (guess === "q") {
  console.log("You have exited the game");
} else {
  console.log(`You got it! It took you ${attempts} guesses`);
}

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