将 var 加在一起

Question

我正在做一个计算器，因为我很无聊，我运行遇到了一个问题，当我尝试做 "x + y" （当 x = 4 和 y = 2 时）我得到 42 而不是6、有人能解释一下吗？（我正在使用 Edge）

这是 JS：

function myFunction1() {
    var x = document.getElementById("myText1").value;
    var y = document.getElementById("myText2").value;
    var z = document.getElementById("myText3").value;
    var a = x + y;
    if (z == "+") {
    document.getElementById("demo3").innerHTML = a;
    }

    if (z == "-") {
    document.getElementById("demo3").innerHTML = x - y;
    }

    if (z == "*") {
    document.getElementById("demo3").innerHTML = x * y;
    }

    if (z == "/") {
    document.getElementById("demo3").innerHTML = x / y;
    }

}

HTML:

<p>Your Problem:<br/><br/>
  <input name="myText" id="myText1" type="text" size="7"> <input name="myText" id="myText3" type="text" maxlength="1" size="1"> <input name="myText" id="myText2" type="text" size="7"> = <span id="demo3"></span>
</p>
<p>
  <button onclick="myFunction1()">Calculate</button>
</p>

和 page/result:

Answer 1

那是因为您正在尝试将字符串相加。您需要使用 parseInt 来获取字符串的数字部分。有关 parseInt here.

的更多信息

function myFunction1() {
    var x = parseInt(document.getElementById("myText1").value);
    var y = parseInt(document.getElementById("myText2").value);
    var z = document.getElementById("myText3").value;
    var a = x + y;
    if (z == "+") {
    document.getElementById("demo3").innerHTML = a;
    }

    if (z == "-") {
    document.getElementById("demo3").innerHTML = x - y;
    }

    if (z == "*") {
    document.getElementById("demo3").innerHTML = x * y;
    }

    if (z == "/") {
    document.getElementById("demo3").innerHTML = x / y;
    }

}

将 var 加在一起

Adding var's together

javascript

var

input

add

microsoft-edge