JSFiddle - React, Tailwind, and code Playground

by Neels Grobler

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

JavaScript

var onClickSpan = function(elementName) {
    return function() {
        alert("Hi, I'm " + elementName + "!");
    }
};

$(document).ready(function() {
    $('#div1').append($('<span id="span1">This is the span</span>'));
    $('#div2').append('<span id="span2">This is the second span</span>');
    $('#div3').html('<span id="span3">This is the third span</span>');
    for (var i = 1; i <= 3; i++) {
        $('#span' + i).click(onClickSpan('span' + i));
    }
});