adding div and input box

Question

I would like to be able to do a quick calculation where I add the contents of a div and input. I can do this with 2 inputs but can't figure out how to do it this way. My attempts at coding have got me here:

var one = document.getElementById('one'),
  two = document.getElementById('calculate'),
  total = document.getElementById('total');
document.getElementById('calculate').onchange = function() {
  total.innerHTML = parseInt(one.innerHTML) + parseInt(two.innerHMTL);
};

<div id="one">11</div>

<input type=number value=2 id="calculate">

<div id="total">0</div>

I tried changing "parseInt(two.innerHTML)" to "parseInt(two)" but it was unsuccessful. I get the NotANumber/NaN error. Any help would be greatly appreciated.

Guranjan Singh · Accepted Answer · 2017-07-06 21:05:02Z

2

since two in you case is an input tag it doesn't have the innerHTML. Use value attribute instead. so it'll look like this:

document.getElementById('calculate').onchange = function() {
    total.innerHTML = parseInt(one.innerHTML) + parseInt(two.value);
};

answered Jul 6, 2017 at 21:05

Guranjan Singh

7442 gold badges7 silver badges25 bronze badges

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

Comments

Durga · Accepted Answer · 2017-07-06 21:15:02Z

0

To get value from a input tag use .value document.getElementById('input').value

So in your case try parseInt(two.value)

edited Jul 6, 2017 at 21:15

answered Jul 6, 2017 at 21:05

Durga

15.6k2 gold badges31 silver badges55 bronze badges

Collectives™ on Stack Overflow

adding div and input box

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related