JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button">Hello <span>World</span> (with jquery)</button><br/>
<button class="button2">Hello <span>World</span> (without jquery)</button>
<br/><br/>

<div id="log"></div>

CSS

span {
    cursor:pointer;
}

#log {
    height:200px;
    width:400px;
    overflow:auto;
}

JavaScript

// with jquery
$(document).on('click','.button',function() {
   log("jquery onclick"); 
});

// without jquery
document.addEventListener('click',function(e) {
    if(e.target.className == 'button2') {
         log("It works");   
    }
});


function log(a) {
    $('#log').prepend($('<div>'+a+'</div>'));    
}