JSFiddle - React, Tailwind, and code Playground

by jpwo759

HTML

<div id="output"></div>

JavaScript

Number.prototype.numberFormat = function(decimals, dec_point, thousands_sep) {
    dec_point = dec_point || '.';
    thousands_sep = thousands_sep || ',';

    var parts = this.toFixed(decimals).toString().split(dec_point);
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousands_sep);

    return parts.join(dec_point);
}

var var1 = 5000;
var var2 = 1000000;
var var3 = 1000.;
var var4 = 1000.5;
var var5 = 1000.50;

appendOutput(var1.numberFormat(2))
appendOutput(var2.numberFormat(2))
appendOutput(var3.numberFormat(2))
appendOutput(var4.numberFormat(2))
appendOutput(var5.numberFormat(2))


function appendOutput(s)
{
    document.getElementById('output').appendChild(document.createTextNode(s));
    document.getElementById('output').appendChild(document.createElement('BR'));
}