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>

一切正常，但是当我使用运算符“ +”时，我得到了如下信息：

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