JSFiddle - React, Tailwind, and code Playground

HTML

<span id="bytes"></span> = <span id="converted"></span>

JavaScript

var x = 100000000000000;
var result = formatSizeUnits(x);

function formatSizeUnits(bytes) {
    if (bytes >= 100000000000000) {
        bytes = (bytes / 100000000000000).toFixed(0) + ' TB';
    } else if (bytes >= 1000000000) {
        bytes = (bytes / 1000000000).toFixed(0) + ' GB';
    } else if (bytes >= 1000000) {
        bytes = (bytes / 1000000).toFixed(0) + ' MB';
    } else if (bytes >= 1000) {
        bytes = (bytes / 1000).toFixed(0) + ' KB';
    } else if (bytes > 1) {
        bytes = bytes + ' bytes';
    } else if (bytes == 1) {
        bytes = bytes + ' byte';
    } else {
        bytes = '0 byte';
    }
    return bytes;
}

document.getElementById('bytes').innerHTML = x + ' bytes';
document.getElementById('converted').innerHTML = result;