JSFiddle - React, Tailwind, and code Playground

HTML

<span id = 1>Uno</span>
<span id = 2>Dos</span>
<span id = 3>Tres</span>
<span id = 4>Cuatro</span>
<span id = 5>Cinco</span>

CSS

span{
    background: green;
    color: white;
    font-size: 1.5em;
    display: block;
    margin-bottom: .5em;
    text-align: center;
    cursor: pointer;
}

.red{
    background: red;
}

JavaScript

$(window).click(function(e){
    if (e.target.tagName == "SPAN")
        if (!$(e.target).hasClass("red"))
            $(e.target).addClass("red");
        else
            $(e.target).removeClass("red");
});