JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="bulk">
    <li id="one">Element 1</li>
    <li id="bmw">Element 2</li>
</ul>

CSS

#bulk {
    height: 200px;
    border: 1px solid;
}
#bulk > li {
    background: red;
    margin: 10px;
}

JavaScript

var ul = document.getElementById('bulk');

ul.addEventListener('click', function(e) {
    if (e.target.tagName === 'LI'){
      alert(e.target.id);
    }
});