JSFiddle - React, Tailwind, and code Playground

HTML

<div class="click">Click me</div>

CSS

.click {
    background: red;
    width: 200px;
    height: 200px;
}
.is-clicked {
    background: green;
}

JavaScript

$(document).click(function(e){
    var elm = $('.click');
    if(elm[0] == e.target){
       elm.addClass("is-clicked").text("click outside");
    } else { elm.removeClass("is-clicked").text("click inside"); }
});