JSFiddle - React, Tailwind, and code Playground

by demee

CSS

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

div:hover {
    background: lightgray;
}

JavaScript

var numbers = [1, 2, 3, 4], i, element;
/* Fix the code, 
 * When user clicks the nubmer, the same number should be displayed
 */ 
for(i = 0; i < numbers.length; i++) {
    element = document.createElement('div');
    
    element.innerHTML = numbers[i];
    
    element.addEventListener('click', function () {
        alert(numbers[i]);
    });
    
    document.querySelector('body').appendChild(element);
}