JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box-option option-title"> <span>Title 1</span>

</div>
<div class="box-option option-title"> <span>Title 2</span>

</div>
<div class="box-option option-title"> <span>Title 3</span>

</div>
<div class="box-option option-title"> <span>Title 4</span>

</div>

CSS

div {
    padding: 5px;
}

JavaScript

var groupOptions = document.getElementsByClassName("option-title");
for (var i = 0; i < groupOptions.length; i++) {
    groupOptions[i].addEventListener("click", message(i));
};

function message(i) {
    return function () {
        if (i == 0) {
            alert("Clicado 1!");
        } else if (i == 1) {
            alert("Clicado 2");
        } else if (i == 2) {
            alert("Clicado 3");
        } else if (i == 3) {
            alert("Clicado 4");
        }
    }
}