JSFiddle - React, Tailwind, and code Playground

by krisselden

HTML

<div id="outer">
<div id="inner"></div>
</div>
<div id="log"></div>

CSS

#outer {
    position: relative;
    width:200px;height:200px;background:black   
}
#inner {
    position:absolute; top:75px; left:75px;
    width:50px;height:50px;background:yellow   
}
.chosen { background: red }

JavaScript

function log(m) {
    $('#log').append($('<p></p>').text(String(m)));
}

$('body').on("click", "div", function() {
    debugger;
  $(this).toggleClass("chosen");
});