Javascript adding numbers as strings

Question

I have the following code which interprets the numbers as strings and adds them like 100300 instead of 400:

var rate = document.getElementById('pur_price').value;
var pprice = document.getElementById('pur_price').value;
var rate1 = document.getElementById('select2').value;
var refurb = 300;
document.getElementById('avg_claim_rate').value=id;
document.getElementById('amount_claim').value=pprice+refurb;

it's the pprice and refurb field, so if pprice=100 and refurb=300, I expect it to show 400, where as at the moment it shows 100300

U need to parse the input values with parseFloat before doing calculations with it — DarkBee
– DarkBee, Commented Nov 11, 2014 at 13:55

sergio · Accepted Answer · 2014-11-11 13:54:58Z

3

You can use parseInt function:

var pprice = parseInt(document.getElementById('pur_price').value, , 10);
var rate1 = parseInt(document.getElementById('select2').value, , 10);

answered Nov 11, 2014 at 13:54

sergio

5,2607 gold badges27 silver badges47 bronze badges

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

Comments

user2952238 · Accepted Answer · 2014-11-11 13:57:49Z

0

var result = +pprice + + refurb;

answered Nov 11, 2014 at 13:57

user2952238

7872 gold badges14 silver badges37 bronze badges

Comments

Liutas · Accepted Answer · 2014-11-11 13:56:55Z

0

Use function parseInt() it can be:

document.getElementById('avg_claim_rate').value=id;
document.getElementById('amount_claim').value=parseInt(pprice)+refurb;

answered Nov 11, 2014 at 13:56

Liutas

5,7914 gold badges25 silver badges22 bronze badges

Comments

Ian Hazzard · Accepted Answer · 2014-11-11 14:02:14Z

0

As @sergio said, you can use JavaScript's built in parseInt function. Just for reference, you can multiply it by one. JavaScript always converts a string to a number if you multiply it. So you could do something like this:

var num1 = "300";
var num2 = "100";

var num1 = num1 * 1; // Converts string to the number 300
var num2 = num2 * 1;

document.getElementById('number').value = num1+num2;

<input id="number"/>

This is just an alternate way to do the same thing. Use whatever is easiest for you. Hope that helps!

answered Nov 11, 2014 at 14:02

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

Collectives™ on Stack Overflow

Javascript adding numbers as strings

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related