Javascript addition of input values results concatnaing them

Question

Following code instead of returning the addition results in appending the value of variable with the number. pl. help. thanks in advance.

  <!DOCTYPE html>
  <html>
  <head>
  <title></title>
  </head>
  <body>


  <input type="number" id="wd" value=1000>
  <br>
  Enter Height of chart
  <input type="number" id="ht" value=1000>
  <br>
  <body>
  <script type="text/javascript">
    var retWidth = document.getElementById('wd').value;
    var retHeight = document.getElementById('ht').value;
    wd1 = retWidth + 5; // hoping to get result 1005
    ht1 = retHeight + 5;
    console.log("wd1 = "+wd1)
    console.log("ht1 = "+ht1)
    </script>
  </body>

  </html>

  console log: 
  wd1 = 10005
  ht1 = 10005

var retWidth = +document.getElementById('wd').value;

David Fregoli
– David Fregoli

2016-04-04 10:52:15 +00:00
Commented Apr 4, 2016 at 10:52 — David Fregoli
– David Fregoli, Commented Apr 4, 2016 at 10:52

LearningPhase · Accepted Answer · 2016-04-04 10:51:09Z

1

Use parseInt() method to turn the strings back into numbers. Right now they are strings so adding two strings concatenates them, which is why you're getting 10005. Use parseInt(width)+5

answered Apr 4, 2016 at 10:51

LearningPhase

1,2871 gold badge12 silver badges20 bronze badges

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

1 Comment

LearningPhase Over a year ago

Glad I was able to help. WC

Collectives™ on Stack Overflow

Javascript addition of input values results concatnaing them

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related