JSFiddle - React, Tailwind, and code Playground

HTML

<div id='msgbox'>
<p>This is the <span>message</span></p>
</div>

CSS

#msgbox {background-color: #e7e7e7; padding: 20px;}
#msgbox span {background-color: #ccc}

JavaScript

$('#msgbox').click(function() {   alert('Ding!'); });

$('#msgbox span').click(function(evt) { evt.stopPropagation(); });