javascript - 简单的 HTMLform 添加两个数字
问题描述
尝试制作一个简单的表格,将两个数字相加。
输入这两个值并运行程序后,结果都是原始值。
例如,添加时2
我3
得到32
,添加时3
我5
得到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();
推荐阅读
- linux - 在另一个目录中运行 cat 命令
- unit-testing - Ember.js:如何测试 Express 服务器模拟?
- javascript - 如何在不循环 Mustache JS 的情况下检查数组?
- javascript - JSDoc:如何正确注释返回承诺的函数,这可能会用不同的类型解析?
- excel - 我可以使用什么 Excel 公式将具有唯一数据和重叠数据的重复条目合并到一个行项目中?
- javascript - 测试具有多个连续页面的 webapp 时出错
- python-3.x - 如何在字典列表中解析来自api的值(迭代)python
- python - 如何在 Python 中压缩数组但保留其余部分?
- reactjs - RMWC 选择组件不会显示选择的值
- c# - Xamarin Forms ListView 在不导航到新页面的情况下不更新