首页 > 解决方案 > 简单的 HTMLform 添加两个数字

问题描述

尝试制作一个简单的表格,将两个数字相加。

输入这两个值并运行程序后,结果都是原始值。

例如,添加时23得到32,添加时35得到35..

function add() {
  var numOne = document.getElementById("numberOne").value;
  var numTwo = document.getElementById("numberTwo").value;
  document.getElementById("result").innerHTML = numOne + numTwo;
}
<form>
  Number One <input type="text" id="numberOne" /> Number Two <input type="text" id="numberTwo" />
  <input type="button" value="add" onClick="add()">
</form>
<span id="result"></span>

标签: javascripthtmlforms

解决方案


如果你想要的是连接你只需要toString()像这样使用的值

var numOne = document.getElementById("numberOne").value.toString();
var numTwo = document.getElementById("numberTwo").value.toString();

推荐阅读