JSFiddle - React, Tailwind, and code Playground

by roman_khrystynych

HTML

<div id="container">
    <div class="box">
        <div class="button">Click</div>    
    </div>
</div>

CSS

.box{
			margin: 50px;
			display: block;
			height: 100px;
			width: 200px;
			background: gray;
		}

		.button{
			display:block;
			float:right;
			margin-top:40px;
			margin-right:20px;
			text-align: center;
			width: 50px;
			background: blue;
		}

JavaScript

$('#container').on("click", ".box", function(){
    alert('box');
});

$('#container').on("click", ".button", function(){
    alert('button');
});