JSFiddle - React, Tailwind, and code Playground

by digitalzebra

HTML

<div id="id">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
</div>

CSS

.active {
    background: red;
}

JavaScript

(function() {
    var wrapper = document.getElementById("id");
    var clickFunc = function(event) {
        var target = event.originalTarget || event.target;
        
        target.className = "active";
    };
    
    wrapper.addEventListener("click",clickFunc);
})();