javascript - js操作符“+”让我一头雾水

Question

我是 js 新手，我很困惑。因此，我使用 HTML 和 Javascript 创建了一个计算器。我有下面的代码。

function cal() {
    let num1 = document.getElementById("num1").value;
    let num2 = document.getElementById("num2").value;
    let sign = document.getElementById("sign").value;

    let num3 = document.getElementById("result");

    if(sign == "+") {
        var I;
        i = num1 + num2
        num3.innerText = I;
    } else if(sign == "-") {
        var x;
        x = num1 - num2
        num3.innerText = x;
    } else if(sign == "*") {
        var a;
        a = num1 * num2
        num3.innerText = a;
    } else if(sign == "/") {
        var b;
        b = num1 / num2
        num3.innerText = b;
    }
}

<h1>
    Calculator
</h1>

<input id="num1" placeholder="first number">
<input type="text" id="sign" placeholder="sign">
<input id="num2" placeholder="second number">
   

<button id="summit" onclick="cal()">
    Enter
</button>

<h3 id="result"></h3>

一切正常，但是当我使用运算符“+”时，我得到了这样的结果：

我错过了什么吗？其他运算符工作正常。有人可以向我解释并告诉我如何使用“+”获得价值吗？

标签： javascripthtml