JavaScript项目空值错误：空输入误判为0致计分异常

嘿，我一眼就看出问题出在哪了——这是JS里松散相等（==）的类型隐式转换搞的鬼！当输入框空着的时候，cevap.value是空字符串""，而当题目是4*0时，sonuc是数字0，JS里"" == 0会被判定为true，所以才会错误地给计分加1。另外你原来的else if条件逻辑也有问题，用||会导致判断混乱，得调整顺序。

具体修复步骤： #

• 优先判断空输入：先检查输入是否为空（包括空字符串、仅空格的情况），如果是直接给错题数+1
• 用严格相等代替松散相等：把==换成===，彻底避免类型隐式转换的坑，只有值和类型都完全匹配才判定为正确
• 简化错误判断逻辑：去掉多余的条件，只要输入不为空且答案错误，就给错题数+1

修改后的核心计分逻辑代码： #

btn.onclick = function() {
    soru();
    var p1 = Number(dogru.innerHTML);
    var p2 = Number(yanlis.innerHTML);
    // 先处理空输入（包括只输入空格的情况）
    if (!cevap.value || cevap.value.trim() === "") {
        yanlis.innerHTML = p2 + 1;
    } 
    // 严格相等判断答案是否正确
    else if (sonuc === Number(cevap.value)) {
        dogru.innerHTML = p1 + 1;
    } 
    // 剩下的就是答案错误的情况
    else {
        yanlis.innerHTML = p2 + 1;
    }
    // 额外优化：清空输入框，提升用户体验
    cevap.value = "";
}

完整修改后的JavaScript代码： #

//获取元素
var sayi1, sayi2, islem, cevap, btn, dogru, yanlis;
sayi1 = document.getElementById("sayi1");
sayi2 = document.getElementById("sayi2");
islem = document.getElementById("islem");
cevap = document.getElementById("cevap");
btn = document.getElementById("btn");
dogru = document.getElementById("true");
yanlis = document.getElementById("false");

//生成随机数
function rSayi(ust, alt) {
    return Math.floor(Math.random() * (ust - alt)) + alt;
}

function soru() {
    sayi1.innerHTML = rSayi(5, 0);
    sayi2.innerHTML = rSayi(5, 0);
    //运算符号选择
    var islemler = ["+", "-", "/", "*"];
    islem.innerHTML = islemler[rSayi(4, 0)];
    //除法时确保可整除
    if (islem.innerHTML == "/") {
        while (true) {
            if (sayi1.innerHTML % sayi2.innerHTML == 0) {
                break;
            }
            sayi2.innerHTML = rSayi(50, 0);
        }
    }
    //计算结果
    var sonuc, s1, s2;
    s1 = Number(sayi1.innerHTML);
    s2 = Number(sayi2.innerHTML);
    switch (islem.innerHTML) {
        case "+":
            sonuc = s1 + s2;
            break;
        case "-":
            sonuc = s1 - s2;
            break;
        case "*":
            sonuc = s1 * s2;
            break;
        case "/":
            sonuc = s1 / s2;
            break;
        default:
            break;
    }
    //修复后的计分逻辑
    btn.onclick = function() {
        soru();
        var p1 = Number(dogru.innerHTML);
        var p2 = Number(yanlis.innerHTML);
        // 处理空输入（包括只输入空格的情况）
        if (!cevap.value || cevap.value.trim() === "") {
            yanlis.innerHTML = p2 + 1;
        } 
        // 严格相等判断答案正确
        else if (sonuc === Number(cevap.value)) {
            dogru.innerHTML = p1 + 1;
        } 
        // 答案错误的情况
        else {
            yanlis.innerHTML = p2 + 1;
        }
        // 可选优化：清空输入框，提升用户体验
        cevap.value = "";
    }
}

//页面加载事件
window.onload = function() {
    soru();
}

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