Change number in div to theree digit comma

Question

I have a price div in my website like this:

<div id="price"> 20000 </div>

Now I'm looking for a JavaScript method to add commas every three digits in all of my price "div"s.

Does this answer your question? [How to format numbers?](https://stackoverflow.com/questions/5731193/how-to-format-numbers) — Liftoff, Dec 29 '20 at 20:37
@David Unfortunately this in this topic they give number inline of js code, but i want add digits to my html div prices and i'm newbie in js and can't change that topic code — Seyyed Mohammad Hosseini, Dec 29 '20 at 20:39
`parseInt(document.getElementById("price").innerHTML)` will give you the content of your div as a number. — Liftoff, Dec 29 '20 at 20:40

score 4 · Accepted Answer · answered Dec 29 '20 at 20:37

4

const priceDiv = document.querySelector('#price');
priceDiv.textContent = (+priceDiv.textContent).toLocaleString('en-US');

<div id="price">20000</div>

answered Dec 29 '20 at 20:37

Unmitigated

The code is OK , but not works in my template even when i remove my other JS files Do you have any advices? – Seyyed Mohammad Hosseini Dec 29 '20 at 20:53
@SeyyedMohammadHosseini What do you mean by that? Could you provide a [mcve]? – Unmitigated Dec 29 '20 at 20:54
`
211212
` – Seyyed Mohammad Hosseini Dec 29 '20 at 21:00
2

@SeyyedMohammadHosseini You need to put the `script` tag after all of the elements, before the closing body tag. – Unmitigated Dec 29 '20 at 21:01

1 Answers1