Question

代码：

id

function add() {
  var first = document.getElementById('n3').value;
  var second = document.getElementById('n4').value;
  return first + second;
}
document.getElementById('n5').innerHTML = add();

Answer 1

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

此外，不要忘记将输入内容强制转换为数字。

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>

Answer 2

更新代码以将值添加到函数中。您的值是字符串，使用+将它们连接起来。例如4 + 5将变成45。

使用parseInt转换您的值以将其转换为int并添加基数，或者使用Number：

function add() {
    var first = document.getElementById('n3').value;
    var second = document.getElementById('n4').value;
    document.getElementById('n5').innerHTML = parseInt(first, 10) + parseInt(second, 10);;
}

Answer 3

查看以下代码，您可能会发现错误：

function add() {
  var first = document.getElementById('n3').value;
  var second = document.getElementById('n4').value;
  var sum=parseInt(first) +  parseInt(second);
  $('#result').val(sum); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="n3"/><br/><br/>
<input type="text" id="n4"/>
<button onclick="add();">+</button><br/><br/>
<input  id="result"/>

Answer 4

只需将n5的innerHTML设置移至add()内，然后将其转换为前面的+即可。另外，我只是删除未使用的<input type="text" id="result"/><br/><br/>代码行。

function add() {
  var first = document.getElementById('n3').value;
  var second = document.getElementById('n4').value;
  document.getElementById('n5').innerHTML= +first + +second;
}

<input type="text" id="n3"/><br/><br/>
<button onclick="add();">+</button><br/><br/>
<input type="text" id="n4"/>
<p id="n5"></p>

我试图在javascript中创建一个简单的函数以添加两个数字，但结果未得到显示，

4 个答案: