Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="Shows how to format a number using JavaScript">
  <meta charset="utf-8">
  <title>Format Number using JavaScript</title>
</head>
<body>
  <div class="number">1</div>
  <div class="number">12</div>
  <div class="number">123</div>
  <div class="number">1234</div>
  <div class="number">12345</div>
  <div class="number">123456</div>
  <div class="number">1234567</div>
  <div class="number">12345678</div>
  <div class="number">123456789</div>
  <div class="number">1234567890</div>
  <div class="number">308039</div>
  <div class="number">123000456</div>
</body>
</html>
 
function formatNumber(n) {
  if (n < 0) { throw 'must be non-negative: ' + n; } 
  if (n === 0) { return '0'; }
  
  var output = [];
  
  for (; n >= 1000; n = Math.floor(n/1000)) {
    output.unshift(String(n % 1000).padStart(3, '0'));
  }
  output.unshift(n);
  
  return output.join(' ');
}
​
var numbers = document.getElementsByClassName('number');
​
for (var index = 0; index < numbers.length; index++) {
  var elem = numbers.item(index);
  elem.textContent = formatNumber(parseInt(elem.textContent));
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dwaynepro
0viewers