JSFiddle - React, Tailwind, and code Playground

HTML

<div id="changeBox" style="width: 150px; height: 150px; position: absolute; top: 10%; left: 10%; background-color: white; border: 4px solid black; color: black; font-family: 'Merriweather Sans', sans-serif;">
    <script>
        var randR = Math.floor(Math.random() * 255) + 1;
        document.write(randR + ", ");
        var randG = Math.floor(Math.random() * 255) + 1;
        document.write(randG + ", ");
        var randB = Math.floor(Math.random() * 255) + 1;
        document.write(randB);

        document.getElementById('changeBox').style.backgroundColor = "rgb(" + randR + ", " + randG + ", " + randB + ")";
    </script>
</div>