javascript - 使用Javascript在div中显示加法结果

Question

这个问题已经有答案了:

How can I change div content with JavaScript? (6 个回答)

已关闭 6 年前。

我有一个简单的代码，可以将两个数字相加。结果显示在文本框中。如何在 div 中而不是文本框中显示结果？

这是我当前的代码，它将结果显示在文本框中。

function sum() {
var field1 = document.getElementById('txt1').value; 
var field2 = document.getElementById('txt2').value; 
var field1V = parseInt(field1);
var field2V = parseInt(field2);
var result = field1V + field2V;  
if (!isNaN(result)) {
    document.getElementById('txt3').value = result;
     }
}

<input type="text" placeholder="Type number" id="txt1" onkeyup="sum();" />
<input type="text" placeholder="Type number" id="txt2" onkeyup="sum();" />
Result: <input type="text" id="txt3" readonly />

Answer 1

function sum() {
  var field1 = document.getElementById('txt1').value; 
  var field2 = document.getElementById('txt2').value; 
  var field1V = parseInt(field1);
  var field2V = parseInt(field2);
  var result = field1V + field2V;  
  if (!isNaN(result)) {
    document.getElementById('txt3').value = result;
    document.getElementById('result').innerHTML = result;
  }
}

<input type="text" placeholder="Type number" id="txt1" onkeyup="sum();" />
<input type="text" placeholder="Type number" id="txt2" onkeyup="sum();" />
Result: <input type="text" id="txt3" readonly />
Result: <div id='result'></div>