JSFiddle - React, Tailwind, and code Playground
HTML
<div id="cell1">cell 1</div>
<div id="cell2">cell 2</div>
<div id="cell3">cell 3</div>
<div id="cell4">cell 4</div>
<div id="cell5">cell 5</div>
<div id="display"></div>
JavaScript
var select = function(i) {
console.log(i);
};
var arr = ["1", "2", 3, 4, 5, 6];
var start = 0;
var max = 8;
for (var i=1; i<(start + max); i++) {
if (i === arr.length) {
break;
} else {
(function(i) {
var element = document.getElementById(['cell', i].join(''));
element.onclick = function() {
select(i);
};
})(i);
}
}