提交答案后JavaScript始终显示false的问题求助

核心问题1：类型不匹配导致严格相等判断失败 #

输入框获取的input是字符串类型，而计算得出的testanswer是数字类型，使用===严格相等运算符时，类型不同会直接返回false，这是导致永远显示false的主要原因之一。

修复方式：将输入值转为数字类型，修改判断逻辑：

// 把input转为数字后再比对
if (testanswer === Number(document.getElementById('input').value)) {
    document.getElementById('atbilde').innerHTML = 'true';
} else {
    document.getElementById('atbilde').innerHTML = 'false';
}

核心问题2：逻辑顺序错误，比对逻辑完全错位 #

当前代码的执行流程是：点击按钮→生成新题目→读取输入框值→比对新题答案与旧输入值。这意味着：

• 第一次点击：生成题目，但输入框为空，直接显示false
• 输入答案后再次点击：生成新题目，比对的是新题答案和上一次的输入，永远无法匹配

修复方式：拆分“生成题目”和“验证答案”的逻辑，用全局变量标记状态：

// 全局变量标记是否已生成题目
let hasQuestion = false;
// 存储当前题目的正确答案
let correctAnswer;

function myfunc() {
    if (!hasQuestion) {
        // 首次点击：生成题目
        let symbol;
        // 修正随机数范围，避免出现s=0的情况
        const s = Math.floor(Math.random() * 4) + 1;
        if (s === 1) symbol = '+';
        if (s === 2) symbol = '-';
        if (s === 3) symbol = '*';
        if (s === 4) symbol = '/';

        const firstnum = Math.floor(Math.random() * 100);
        const secnum = Math.floor(Math.random() * 100);
        document.getElementById('demo').innerHTML = `${firstnum} ${symbol} ${secnum}`;

        // 计算并存储正确答案
        if (s === 1) correctAnswer = firstnum + secnum;
        if (s === 2) correctAnswer = firstnum - secnum;
        if (s === 3) correctAnswer = firstnum * secnum;
        if (s === 4) correctAnswer = firstnum / secnum;

        hasQuestion = true;
        document.getElementById('atbilde').innerHTML = '';
    } else {
        // 非首次点击：验证答案
        const input = Number(document.getElementById('input').value);
        // 除法加入精度容错，避免浮点数误差问题
        let isRight;
        if (correctAnswer % 1 !== 0) {
            isRight = Math.abs(correctAnswer - input) < 0.001;
        } else {
            isRight = correctAnswer === input;
        }
        document.getElementById('atbilde').innerHTML = isRight ? 'true' : 'false';
        // 验证后可选择自动生成新题，取消注释即可
        // hasQuestion = false;
    }
}

额外问题：随机数可能生成s=0，导致题目显示异常 #

原代码Math.floor(Math.random() * 5)会生成0-4的数字，当s=0时，symbol未赋值，显示题目时会出现类似50undefined20的错误。修复时将随机数范围改为1-4：Math.floor(Math.random() * 4) + 1，确保s只会是1、2、3、4。

优化点 #

• 用switch语句替代多个if判断，代码可读性更强
• 对除法运算加入精度容错，避免浮点数计算的精度误差导致误判
• 可添加重置按钮，让用户手动触发新题目生成

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