JSFiddle - React, Tailwind, and code Playground

CSS

div {
    border: 1px solid blue;
    cursor: pointer;
    text-align: center;
}

div:hover {
    background: lightgray;
}

JavaScript

var numbers = [1, 2, 3, 4], i, element;

for(i = 0; i < numbers.length; i++) {
    (function (j) {
        element = document.createElement('div');

        element.innerHTML = numbers[j];
        element.addEventListener('click', function () {
            alert(numbers[j]);
        });

        document.querySelector('body').appendChild(element);
    })(i);
};