JSFiddle - React, Tailwind, and code Playground

by Hamed Momeni

HTML

<div class="wrapper">
    <div class="click-here">
        Click me!
    </div>
</div>

CSS

.wrapper{
    padding:25px;
    background: grey;
}
.click-here{
    padding:10px;
    background: blue;
    color:white;
}

JavaScript

$(function(){
    $('body').on('click', '.click-here', function(){
        console.log('Clicked me!');
    });
    $('body').on('click', function(e){
        var clicked = false;
        console.log(e);
        if(clicked == false)
            console.log('Clicked outside me!');
    });
});