JSFiddle - React, Tailwind, and code Playground

by Sam Korn

HTML

<div id="circle"></div>
<div id="square"></div>

CSS

div {
    width: 100px;
    height: 100px;
    margin: 10px;
    background: red;
}

#circle {
    background: blue;
    border-radius: 50%;
}

JavaScript

var figs = ['circle', 'square'];
function createFigHandler(fig) {
    return function(e) {
        console.log(fig);
    }
}

for (var i = 0; i < figs.length; i++) {
    var fig = figs[i];
    document.getElementById(fig).addEventListener("click", createFigHandler(fig), false);
}