如何更正javascript中的添加功能[重复]

【问题标题】：how can I correct addition function in javascript [duplicate]如何更正javascript中的添加功能[重复]
【发布时间】：2020-04-14 23:11:55
【问题描述】：

我的输出有问题。例如，2+3 = 23 而不是 5。

function addition() {
  var v1 = document.getElementById("n1").value;
  var v2 = document.getElementById("n2").value;

  document.getElementById("demo").innerHTML = v1 + v2;
}

【问题讨论】：

将值设为数字。
var v1=parseInt(document.getElementById("n1").value); var v2=parseInt(document.getElementById("n2").value); document.getElementById("demo").innerHTML = v1+v2;
v1 和 v2 都是字符串。添加字符串将它们连接起来。
你需要学习JavaScript基础，看看assignment operators。

标签： javascript

【解决方案1】：

v1 和 v2 是字符串，这意味着添加它们会连接它们。

相反，将v1 和 v2` 转换为数字。

function addition() {
  var v1=document.getElementById("n1").value;
  var v2=document.getElementById("n2").value;

  document.getElementById("demo").innerHTML = Number(v1) + Number(v2);
}

<input id = "n1" value = "2">
<input id = "n2" value = "3"><br>
<button onCLick = "addition()">Add Numbers</button>
<p id = "demo"></p>

如果它们不必是严格的数字，您也可以使用 parseInt() 或 parseFloat() 代替 Number()。

【讨论】：