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 so when user presses the number, the number pressed is displayed */ 
for(i = 0; i < numbers.length; i++) {
    element = document.createElement('div');
    
    element.innerHTML = numbers[i];
    
    element.addEventListener('click', (function (i) {
      return function (){ alert(i) };
    }(numbers[i])));
    
    document.querySelector('body').appendChild(element);
}