JSFiddle - React, Tailwind, and code Playground

by Евгений

CSS

div {
display: inline-block;
width: 65px;
border: 1px solid black;
background: #fc3;
padding: 5px;
margin: 5px;
text-align: center;
font: bold 18px tahoma;
}

JavaScript

Array.range = function(start, count) {     
    if (arguments.length == 1) {         
        count = start;         
        start = 0;     
    }     
    var a = [];     
    for (var i = start; i < start + count; i++) {         
        a.push(i);     
    }     
    return a; 
}
    
    
// Добавим в документ пять элементов, при клике на которых выводится его номер 
Array.range(5).forEach(function(i) {     
    var div = document.createElement('div');     
    div.innerHTML = i;     
    div.onclick = function() {         
        alert(i);     
    };     
    document.body.appendChild(div); 
}
                      );