我正在制作一个计算器,因为我很无聊,遇到了一个问题,当我尝试执行“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>
页面/结果:
最佳答案
那是因为您正在尝试将字符串添加在一起。您需要使用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;
}
}
关于javascript - 将 var 添加在一起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60537070/