JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo"></div>

CSS

#foo {
    border: solid thin black;
    width: 10em;
    height: 5em;
    background-color: yellow;
}

JavaScript

function sleep(milliseconds) {
    var start = new Date().getTime();
    while ((new Date().getTime() - start) < milliseconds){
    // Do nothing
    }
}

setInterval(function(){
    sleep(500);
}, 1000);

var clicked = false;
$('#foo').on('click', function() {
    console.log("Foo clicked");
    $(this).css('background-color', clicked ? 'yellow' : 'red');
    clicked = !clicked;
});