JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/jnbdz/Number.formatBytes/master/Source/Number.formatBytes.js"></script>
<div id="b"></div>
<div id="kb"></div>
<div id="mb"></div>
<div id="gb"></div>
<div id="tb"></div>
<div id="pb"></div>
<div id="eb"></div>
<div id="zb"></div>
<div id="yb"></div>

JavaScript

document.id('b').set('text', (100).formatBytes());
document.id('kb').set('text', (10000).formatBytes());
document.id('mb').set('text', (10000000).formatBytes());
document.id('gb').set('text', (10000000000).formatBytes());
document.id('tb').set('text', (10000000000000).formatBytes());
document.id('pb').set('text', (10000000000000000).formatBytes());
document.id('eb').set('text', (10000000000000000000).formatBytes());
document.id('zb').set('text', (10000000000000000000000).formatBytes());
document.id('yb').set('text', (10000000000000000000000000).formatBytes());