JSFiddle - React, Tailwind, and code Playground

by timrwood

CSS

p {
    padding: 10px;
    margin: 10px;
    background: #f5f5f5;
    border: 1px solid #eee;
}

JavaScript

function prettyNumber(num) {
    if (num > 10000000) {
        num = Math.floor(num / 1000000) + "m";
    } else if (num > 1000000) {
        num = Math.floor(num / 100000) / 10 + "m";
    } else if (num > 10000) {
        num = Math.floor(num / 1000) + "k";
    } else if (num > 1000) {
        num = Math.floor(num / 100) / 10 + "k";
    }
    return num;
}

function log(msg) {
    $('body').append('<p>' + msg + '</p>');
}


log(prettyNumber(1));
log(prettyNumber(12));
log(prettyNumber(123));
log(prettyNumber(1234));
log(prettyNumber(12345));
log(prettyNumber(123456));
log(prettyNumber(1234567));
log(prettyNumber(12345678));
log(prettyNumber(123456789));