JSFiddle - React, Tailwind, and code Playground
HTML
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
<button type="button">Adivinha o numero!</button>
CSS
button {
float: left;
clear: both;
}
JavaScript
var buttons = document.querySelectorAll('button');
for (var i = 0; i < buttons.length; i++) {
(function () {
var numero = Math.round(Math.random() * 20);
buttons[i].addEventListener('click', function () {
alert(numero);
});
})();
}