Displaying result of addition in a div using Javascript [duplicate]

Question

I have a simple code that add two numbers. The result is displayed in a textbox. How can I display the result in a div, rather than a textbox?

Here is my current code, which displays the result in a textbox.

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 />

Jurij Jazdanov · Accepted Answer · 2017-05-19 12:03:00Z

2

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>

answered May 19, 2017 at 12:03

Jurij Jazdanov

1,2688 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sharon99 Over a year ago

Thank you very much. Works perfectly.

Collectives™ on Stack Overflow

Displaying result of addition in a div using Javascript [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related