javascript - 简单的 HTML 表单添加两个数字

标签 javascript html forms

尝试制作一个简单的形式来添加两个数字。

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

例如,当添加 23 时,我得到 32,当添加 35 时,我得到 32 我得到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>

最佳答案

如果您想要连接值,您只需像这样使用 toString()

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

关于javascript - 简单的 HTML 表单添加两个数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52046943/

相关文章:

javascript - 使用 Jquery 不会改变 Div 样式

php - 拉维尔 5 : Eloquent & form model for business hours

javascript - 如何将加载器图像添加到 HTML5 视频?

javascript - 谷歌地图 API JavaScript : Activating infowindows on markers from Places search box

javascript - 检索mysql列的最大值

html - 背景图像 CSS 上的圆 Angular

javascript - 使用 Javascript 和 asp.net 的表可见性

javascript - HTML 将表单提交给 PHP 但需要使用 Javascript 进行一些解析

php - 从表单元素外部的输入标签读取

javascript - 为什么当我们将 Math.floor 写入 HTML angular 时,Math.floor 什么都不返回?