JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<div id="container"> <span> Span within Container div. </span>
    <br/> <span> Another span within Container div. </span>
</div>

CSS

body {
    font-family:Calibri;
    font-size:14pt;
    padding:10pt;
}
div {
    cursor: pointer;
}
span {
    color:Green;
    font-weight:bold;
}

JavaScript

$(document).ready(function () {
    var iCount = 1;
    $('div#container').on("click", "span", function () {
        alert("Clicked: " + $(this).html());
        var $dynSpan = $('<br/><span>Dynamic Span ' + iCount + '.</span>');
        $dynSpan.appendTo('div#container');
        iCount++;
    });
});