Converting HTML5 data type to number

Question

Background: I would like to add and subtract numbers. I'm using HTML data-attributes. parseInt() and Number() aren't working as I thought they would be.

   <div class="originalNumber" data-original-number="1,000,000">1,000,000</div>

   <div class="bucket1" data-bucket="100,000">100,000</div>
   <div class="bucket2" data-bucket="200,000">200,000</div>
   <div class="bucket3" data-bucket="300,000">300,000</div>

I get the original number:

   var getOriginal=$(".originalNumber").data("original-number");

console.log = 1,000,000

Now I would like to add and subtract from it. For example click bucket1 and 1,000,000 becomes 900,000 (1,000,000-100,000)

The problem is that I cannot turn the string into a number. I've tried using parseInt() and Number() to no avail.

   var getOriginal=parseInt(getOriginal);
   console.log(getOriginal);

returns 1

    var getOriginal=Number(getOriginal);
    console.log(getOriginal);

returns NaN

What am I missing here?

Zach Leighton · Accepted Answer · 2014-11-20 19:12:37Z

2

Try using a regex:

 var getOriginalNumeric = parseInt(getOriginal.replace(/[^\d\.]/gi, ''));

This will strip out anything but digits and decimals.

answered Nov 20, 2014 at 19:12

Zach Leighton

1,94114 silver badges25 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:49:27Z

1

You'll need to remove all the commas from the string containing the number before using parseInt().

This question has some information on the best ways to do that.

edited May 23, 2017 at 11:49

CommunityBot

11 silver badge

answered Nov 20, 2014 at 19:13

Cassie

4743 silver badges11 bronze badges

Comments

Reinier Kaper · Accepted Answer · 2014-11-20 19:15:03Z

1

The problem is that a comma is interpreted as the decimal sign, this is standard for most countries, but the US (for example) uses periods as the decimal separator.

You'd need to replace the comma's:

getOriginal = parseInt(getOriginal.replace(/,/g, ""), 10);

Here's a live example: http://codepen.io/TheDutchCoder/pen/WbbzJL

answered Nov 20, 2014 at 19:15

Reinier Kaper

1,1291 gold badge8 silver badges19 bronze badges

Collectives™ on Stack Overflow

Converting HTML5 data type to number

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related