JSFiddle - React, Tailwind, and code Playground

HTML

<script>
function closeFather(e) {
    if(e.target == document.getElementById('father'))
        alert('bunnies');
};
</script>

<div id="father" onclick="closeFather(event)">Parent
    <div id="son">Child</div>
</div>

CSS

#father { width:400px; height:200px; background-color:#ffdddd; }
#son { width:300px; height:100px; margin:50px; background-color:#ddddff; }