JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<li class = "active">Uno</li>
<li>Dos</li>
<li>Tres</li>

CSS

.active{
    color: red;
}

li:hover{
    cursor: pointer;
}

JavaScript

var li = document.getElementsByTagName("li"),
    forEach = Array.prototype.forEach;

window.addEventListener("click", function(e){
    forEach.call(li, function(a){
        a.className = a === e.target ? "active" : "";
    });
}, false);