JSFiddle - React, Tailwind, and code Playground

JavaScript

function bulls(){
    
    var para = document.createElement("p");
    para.innerHTML = "aaaa";
    document.body.appendChild(para);

    var bspan = document.createElement("span");
    bspan.innerHTML = "bbbb";
    para.appendChild(bspan);

    document.onclick = function(event) {
    var el = event.target;
       if (el.nodeName.toLowerCase() == "span") {
        alert("hi");
       }
    };
    
    para.innerHTML += "cccc";
}
bulls()