JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element">
</div>

CSS

#element {
  height: 100px;
  width: 100px;
  background-color: red;
}

JavaScript

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

element.onclick = function() {
    element.style.backgroundColor = 'rgb('+getRandomInt(0,255)+', '+getRandomInt(0,255)+', '+getRandomInt(0,255)+')';
    element.style.width= getRandomInt(100,300)+'px';
    element.style.height= getRandomInt(100,300)+'px';
  };