JavaScript while循环不生效：猜数字游戏代码修复与优化

原有代码问题排查 #

原代码运行仅弹出一次输入框后无响应，是多处逻辑错误共同导致的，具体问题点：

• 循环控制变量win未声明初始化，首次循环判断就存在异常
• 变量名大小写不匹配：判断猜测值大于秘密数字时，误将secret_number写为Secret_number，会触发引用错误直接中断脚本
• 输入获取逻辑位置错误：askValue()仅在循环外调用1次，循环运行过程中不会重新唤起输入框获取用户新的猜测值
• 尝试次数计数逻辑混乱：同时声明了未初始化的attempts和无实际作用的i两个计数变量，对未初始化的attempts执行自增操作会得到NaN，完全无法实现计数效果
• 输入校验逻辑缺失：用户输入非数字内容、点击取消输入框时，askValue()没有返回有效值也没有触发重新输入，会导致undefined参与数值比较
• 结果提示逻辑错误：胜利提示文案没有拼接尝试次数，也没有处理单数表述适配，且每次循环都会打印未拼接完成的提示语

尝试次数计数逻辑评估 #

原有计数实现思路完全不可用：

• 没有统一的计数变量，重复声明两个计数变量反而造成逻辑冲突
• 计数触发时机错误，没有把「用户提交一次有效猜测值」作为计数节点
• 变量未初始化就参与运算，根本无法得到正确的次数结果

合理的计数实现逻辑：只声明一个计数变量，初始值设为0，每次用户提交合法的数字猜测值时，计数变量自增1，猜中后直接读取该变量值作为总尝试次数，再根据次数值匹配对应提示文案即可。

修复后完整可运行代码 #

function askValue() {
    const answer = window.prompt("猜数字，请输入1-10之间的数字");
    // 校验输入有效性，无效则返回null触发重新输入
    if (answer === null || isNaN(answer) || answer.trim() === "") {
        console.log("请输入有效的数字");
        return null;
    }
    return Number(answer);
}

function guessNumber() {
    const secretNumber = Math.floor(Math.random() * 10) + 1;
    let win = false;
    let attempts = 0;
    let guess;

    while (!win) {
        guess = askValue();
        // 输入无效时直接进入下一轮循环，不计数
        if (guess === null) continue;
        // 有效猜测才累计次数
        attempts++;

        if (guess < secretNumber) {
            console.log("秘密数字更大");
        } else if (guess > secretNumber) {
            console.log("秘密数字更小");
        } else {
            win = true;
            // 适配1次猜中的特殊表述
            const tipText = attempts === 1 
                ? `恭喜猜中！你仅用1次就猜对了秘密数字` 
                : `恭喜猜中！你总共尝试了${attempts}次才猜对秘密数字`;
            console.log(tipText);
        }
    }
}

// 启动游戏
guessNumber();

内容的提问来源于stack exchange，提问作者dam's