JSFiddle - React, Tailwind, and code Playground

HTML

<div id="quadro"></div>

CSS

.numero {
    padding:10px;
    border: 1px solid #ccf;
    float: left;
    width:30px;
}

JavaScript

var textoHTML = '';
for (var sorteado = 0; sorteado < 30; sorteado = sorteado + 2) {
    textoHTML += "<div class='numero par'>" + sorteado + "</div> <!-- numero par-->\n";

    textoHTML += "<div class='numero impar'>" + (sorteado + 1) + "</div> <!-- numero Ă­mpar-->\n";
}
$("#quadro").html(textoHTML);

$('#quadro').on('click', '.numero', function () {
    var numero = parseInt(this.innerHTML);
    alert(numero);
});