JSFiddle - React, Tailwind, and code Playground

by Andrew Dunai

HTML

<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>

CSS

div {
    margin: 0.5rem;
    padding: 0.5rem;
    background: #EEE;
    cursor: pointer;
    display: inline-block;
}

JavaScript

var divs = document.getElementsByTagName('div');

for(var i = 0; i < divs.length; i++) {
    divs[i].onclick = function() {
        alert('Ви натиснули на DIV № ' + i);
    };
}