JSFiddle - React, Tailwind, and code Playground

HTML

<div id="secret">Secret Box</div>
<div id="open">Open Box</div>

CSS

#secret, #open {
    border: 1px #f00 solid;
    height: 100px;
    width: 100px;
    float: left;
    margin: 0 1em 0 0;
}

JavaScript

$(document).click(function() {
    $("body").append("<p>Document: Hey you clicked me</p>");
});

$("div").click(function(e) {
    id = $(this).attr('id');
    $("body").append("<p>"+id+": Hey you clicked me</p>");
    if(id=='secret') { 
        e.stopPropagation();
    }        
});