How do i add a comma to a number in html?

I am wanting to display large numbers more nicely with commas. So if the number was say 123456789, it would display 123,456,789. I have looked around but I only found code that just wouldn't work the way I wanted so I was hoping I could find some help here. Also, I hope it is also dynamic, so the commas will change as the number changes.

The number that I want to affect has the id="value".

That should be all, I don't think I am missing anything. So again I want the number with an id="value" to have commas introduced when it's needed. If you need any more information please let me know!

asked Jan 4, 2015 at 1:46

2

You can use toLocaleString:

num.toLocaleString['en', {useGrouping:true}]

answered Jan 4, 2015 at 1:51

OriolOriol

257k57 gold badges409 silver badges493 bronze badges

1

This was answered here:

How to print a number with commas as thousands separators in JavaScript

In case you're not interested in reading the answer above, the code given was this:

function numberWithCommas[x] {
    return x.toString[].replace[/\B[?=[\d{3}]+[?!\d]]/g, ","];
}

If you're using jquery use something like:

var val = parseInt[$['#value'].text[]];
//Use the code in the answer above to replace the commas.
val = numberWithCommas[val];
$['#value'].text[val];

answered Jan 4, 2015 at 1:51

6

There's a simpler syntax for toLocaleString:

Number[x].toLocaleString[];

This lets you drop the number in as a variable instead of converting the number into an object.

answered Apr 3, 2018 at 12:31

NelsonNelson

1,90316 silver badges21 bronze badges

1

const str = [1234567890].toLocaleString[]
console.log[str]

  



  

  
   $["input.mask"].each[[i,ele]=>{
    let clone=$[ele].clone[false]
    clone.attr["type","text"]
    let ele1=$[ele]
    clone.val[Number[ele1.val[]].toLocaleString["en"]]
    $[ele].after[clone]
    $[ele].hide[]
    clone.mouseenter[[]=>{

      ele1.show[]
      clone.hide[]
    }]
    setInterval[[]=>{
      let newv=Number[ele1.val[]].toLocaleString["en"]
      if[clone.val[]!=newv]{
        clone.val[newv]
      }
    },10]

    $[ele].mouseleave[[]=>{
      $[clone].show[]
      $[ele1].hide[]
    }]
    

  }]

How do you add a comma to a number in HTML?

How do I display large numbers with commas in HTML?

How do you put a comma in input type numbers?

How do you put a comma after 3 digits?