基于HTML+JavaScript的计算器重复按=键计算异常求助

问题根源 #

每次点击=时，代码未正确重置或更新运算状态：num1始终保留第一次计算的初始值，而num2被重复赋值为当前显示的结果，导致重复执行num1 + 当前结果，最终出现持续累加的异常（比如2+1=3后，重复按=得到3、5、7、9…）。

解决方案 #

根据需求选择以下两种方案：

方案1：重复按=时保持结果不变 #

完成一次计算后清空操作符，后续点击=时因无有效操作符，不会执行新计算：

function equalClick() {
    // 无有效操作符时直接返回，避免无效计算
    if (!operator) return;
    
    num2 = parseFloat(result.value);
    var answer = 0;
    switch (operator) {
        case "+":
            answer = num1 + num2;
            break;
        case "-":
            answer = num1 - num2;
            break;
        case "*":
            answer = num1 * num2;
            break;
        case "/":
            answer = num1 / num2;
            break;
    }
    result.value = answer;
    history.push(num1 + " " + operator + " " + num2 + " = " + answer);
    document.getElementById("history").innerHTML = history.join("<br>");
    
    // 计算完成后清空操作符，阻止重复计算
    operator = "";
}

方案2：实现标准计算器重复运算逻辑 #

如果希望重复按=时执行上次的运算（比如2+1=3后，再按=得到4，继续按得到5），需更新num1为当前结果并保留num2和操作符：

function equalClick() {
    if (!operator) return;
    
    // 仅在第一次计算时赋值num2，后续重复计算保留原操作数
    if (num2 === 0 && result.value !== "0") {
        num2 = parseFloat(result.value);
    }
    
    var answer = 0;
    switch (operator) {
        case "+":
            answer = num1 + num2;
            break;
        case "-":
            answer = num1 - num2;
            break;
        case "*":
            answer = num1 * num2;
            break;
        case "/":
            answer = num1 / num2;
            break;
    }
    result.value = answer;
    history.push(num1 + " " + operator + " " + num2 + " = " + answer);
    document.getElementById("history").innerHTML = history.join("<br>");
    
    // 更新num1为当前结果，用于下次重复运算
    num1 = answer;
}

同时，在点击新操作符时重置num2，确保新运算正常开始：

function operatorClick(op) {
    num1 = parseFloat(result.value);
    operator = op;
    result.value = "0";
    num2 = 0; // 重置num2，准备新的运算流程
}

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