JSFiddle - React, Tailwind, and code Playground

by Tymoteusz Czech

HTML

<div id="main">
    <div id="child" class="box"></div>
</div>

CSS

#main {
    width: 200px;
    height: 100px;
    border: 3px solid red;
}

.box {
    width: 50px;
    height: 50px;
    border: 3px solid green;
    margin: 20px;
    cursor: pointer;
}

JavaScript

$(".box").click(function(e){
    e.preventDefault();
    alert("clicked");
});