javascript(+)符号连接而不是给予总和?

Eli*_*ht7 3 html javascript

我创建了一个简单的程序,使得两个数字的总和但是......程序是连接的,这太令人困惑了!有人可以帮忙吗?

function calculate() {
  var numberOne = document.querySelector(".first").value;
  var numberTwo = document.querySelector(".second").value;
  var sum = numberOne + numberTwo;
  document.querySelector(".result").innerHTML = "The sum of the two numbers is : " + sum;
}
Run Code Online (Sandbox Code Playgroud)
<!doctype html>
<html>

<body>
  <p>Calculate sum of two numbers !</p>
  Enter 1rst Number:<br>
  <input type="number" class="first" placeholder=""><br><br> Enter 2nd Number:<br>
  <input type="number" class="second" placeholder=""><br><br>
  <input type="button" onclick="calculate()" value="calculate">
  <p class="result"></p>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

Sur*_*tta 11

value为您提供String,因此String连接.考虑将其解析为整数

var sum = parseInt(numberOne) + parseInt(numberTwo);
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/yb8r1wnw/2/