javascript - 我试图在 javascript 中创建一个简单的函数来添加两个数字,但结果没有显示,

标签 javascript html

代码:

function add() {
  var first = document.getElementById('n3').value;
  var second = document.getElementById('n4').value;
  return first + second;
}
document.getElementById('n5').innerHTML = add();
<input type="text" id="result"/><br/><br/>
<input type="text" id="n3"/><br/><br/>
<button onclick="add();">+</button><br/><br/>
<input type="text" id="n4"/>
<p id="n5"></p>

最佳答案

n5 的赋值添加到 add 函数中。

另外,不要忘记将您的输入转换为 Number。

function add() {
  var first = document.getElementById('n3').value;
  var second = document.getElementById('n4').value;
  document.getElementById('n5').innerHTML = (Number(first) + Number(second));
}
<input type="text" id="n3"/><br/><br/>
<button onclick="add();">+</button><br/><br/>
<input type="text" id="n4"/>
<p id="n5"></p>

关于javascript - 我试图在 javascript 中创建一个简单的函数来添加两个数字,但结果没有显示,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53361067/

相关文章:

javascript - 当单选按钮客户端检查更改时使用 JQuery 调用函数

javascript - 禁止使用 AngularJS ng-click 分享到 Tumblr

javascript - 饼图未出现在 IE8 中

javascript - Jquery 'mouseover' 仅在内容加载之前

php - html表中的多个foreach循环

javascript - 在 jQuery/CSS 中使用上下文工具提示弹出叠加层

javascript - 通过href获取<a></a>标签之间的值

javascript - 如何重命名echart下载图标的tooltip

javascript - 根据项目被调用的次数映射集合

javascript - 在带有以太 JS 的 Next Js 中使用 window.ethereum 时出错