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;">
</div>

<script>
    var box = document.getElementById('changeBox');
    var randR = Math.floor(Math.random() * 255) + 1;
    var randG = Math.floor(Math.random() * 255) + 1;
    var randB = Math.floor(Math.random() * 255) + 1;
    box.appendChild(document.createTextNode(randR + ", " + randG + ", " + randB));
    box.style.backgroundColor = "rgb(" + randR + ", " + randG + ", " + randB + ")";
</script>