JSFiddle - React, Tailwind, and code Playground

HTML

hi
<div id="bob" style="width:100px; height:100px; border:1px solid black;"></div>
lo

JavaScript

var div = document.getElementById('bob');
var colours = ['red', 'blue', 'green', 'yellow', 'black', 'orange', 'gray'];

function removeListeners(el) {
    var par = el.parentNode;
    var place = el.nextSibling;
    par.removeChild(el);
    par.insertBefore(el, place);
}

div.addEventListener('click', function() {
    div.style.backgroundColor = colours[Math.floor(Math.random() * colours.length)];
});

removeListeners(div);