JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div data-value="1">
        <span>Click me 1</span>
    </div>
    <div data-value="2">
        <span>Click me 2</span>
    </div>
</div>
<div id="messages"></div>

CSS

#container > div {
    background: red;
}

#container > div > span {
    background: blue;
    color: white;
}

JavaScript

document.getElementById('container').addEventListener('click', function(e){
    document.getElementById('messages').innerHTML = 'you clicked ' + e.target.dataset.value;
}, false);