我把两个数字相加，但我没有得到正确的值。
例如，执行1 + 2返回12而不是3
我在这段代码中做错了什么?
函数myFunction() { var y = document.getElementById("txt1").value; var z = document.getElementById("txt2").value; Var x = y + z; . getelementbyid(“演示”)。innerHTML = x; ｝ < p > 点击按钮计算x。 <按钮onclick = " myFunction ()”> > < /按钮试试 < / p > < p > 输入第一个数字: <input type="text" id="txt1" name="text1" value="1"> 输入第二个数字: <input type="text" id="txt2" name="text2" value="2"> < / p > < p id = "演示" > < / p >
当前回答
另一个解决方案，只是分享:):
var result=eval(num1)+eval(num2);
其他回答
只需添加一个简单的类型转换方法，因为输入是文本形式。使用以下方法:
var y = parseInt(document.getElementById("txt1").value);
var z = parseInt(document.getElementById("txt2").value);
var x = y + z;
也许你可以使用这个函数来添加数字:
function calculate(a, b) {
return a + b
}
console.log(calculate(5, 6))
您需要使用javaScript的parseInt()方法将字符串转换回数字。现在它们是字符串，所以添加两个字符串将它们连接起来，这就是为什么你得到“12”。
这也可以通过使用输出元素来实现更原生的HTML解决方案。
<form oninput="result.value=parseInt(a.valueAsNumber)+parseInt(b.valueAsNumber)">
<input type="number" id="a" name="a" value="10" /> +
<input type="number" id="b" name="b" value="50" /> =
<output name="result" for="a b">60</output>
</form>
https://jsfiddle.net/gxu1rtqL/
输出元素可以作为容器元素，用于计算或输出用户的操作。您还可以将HTML类型从数字更改为范围，并使用不同的UI元素保持相同的代码和功能，如下所示。
<form oninput="result.value=parseInt(a.valueAsNumber)+parseInt(b.valueAsNumber)">
<input type="range" id="a" name="a" value="10" /> +
<input type="number" id="b" name="b" value="50" /> =
<output name="result" for="a b">60</output>
</form>
https://jsfiddle.net/gxu1rtqL/2/
或者你可以简单地初始化
Var x = 0;(你应该使用let x = 0;)
这样它将添加而不是连接。
