Formatting a number on my website using Javascript

Question

I'm using javascript on my website to do simple calculations and the result is supposed to be an amount in dollars, which means that I need that result to contain commas to separate thousands. I tried to apply some solutions I found online but it was difficult to accommodate to my code. Here is what I have:

<script>
 $('#results').hide();
 function multiplyBy()
{
       num1 = document.getElementById("firstNumber").value;
       num2 = document.getElementById("secondNumber").value;
       result = (num2*37)-(num1*4);
       document.getElementById("result").innerHTML = result;
       $('#results').show();
}
</script>

The result is actually in this form XXXXXXX$ and I'd want it to be in that form X,XXX,XXX$

Thanks a lot for reading me !

ericw31415 · Accepted Answer · 2017-12-10 01:19:01Z

2

<script>
 $('#results').hide();
 function multiplyBy()
{
       num1 = document.getElementById("firstNumber").value;
       num2 = document.getElementById("secondNumber").value;
       result = (num2*37)-(num1*4);
       document.getElementById("result").innerHTML = result.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
       $('#results').show();
}
</script>

should add the comma separation for you. By the way, the regex is from How to print a number with commas as thousands separators in JavaScript.

answered Dec 10, 2017 at 1:19

ericw31415

5157 silver badges20 bronze badges

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

2 Comments

ericw31415 Over a year ago

@Yohan if my answer helped, consider leaving an upvote and/or accepting my answer.

Mamun Over a year ago

Exact duplicate from this answer: stackoverflow.com/questions/2901102/…

Collectives™ on Stack Overflow

Formatting a number on my website using Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related