JSFiddle - React, Tailwind, and code Playground

by oceog

HTML

<ul id="id">
    <li>test</li>
    <li>test2</li>
</ul>

CSS

.active {
    color: red;
}

JavaScript

var elems = document.querySelectorAll('#id li');
for (var i = 0; i < elems.length; i++) {
    var elem=elems[i];
    elem.addEventListener("click", function (e) {
    
        this.classList.add('active');
    });
}