Javascriptを使ってdivの結果を表示する

Question

私は2つの数字を加える簡単なコードを持っています。結果はテキストボックスに表示されます。テキストボックスではなく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>