JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<div id="outer"></div>

CSS

.inner {
    width: 100px;
    height: 100px;
    display: inline-block;
}
.inner0 {
    background: blue;
}
.inner1 {
    background: green;
}
.inner2 {
    background: red;
}

JavaScript

var divs = [];
var outer = document.getElementById("outer");
for (var i=0; i<3; i++) {
    divs[i] = document.createElement("div");
    divs[i].className += " inner inner" + i;
    outer.appendChild(divs[i]);
    divs[i].onclick = (function(i) {
        alert("I am " + i);
    })(i)
}