JSFiddle - React, Tailwind, and code Playground

by lsiv568

HTML

<div id="container">
</div>

CSS

#container {
    width: 300px;
    height: 300px;
}

#container span {
    display: block
}

JavaScript

(function createLinks() {
    var container = document.getElementById('container');
    for (var i = 0; i < 10; i++) {
        var span = document.createElement('span');
        span.innerHTML = 'Click Me ' + i;
        var listener = function() {
            alert('clicked ' + i);
        };
        span.addEventListener('click', listener);
        container.appendChild(span);
    }
    console.log(container);
})();