JSFiddle - React, Tailwind, and code Playground

HTML

<span class="classic one"   onclick="someFunction(this,'one')">CLICK HERE</span>
    <span class="classic two"   onclick="someFunction('two')">CLICK HERE</span>
    <span class="classic three" onclick="someFunction('three')">CLICK HERE</span>
    <span class="classic four"  onclick="someFunction('four')">CLICK HERE</span>

    <script type="text/javascript">

    	function someFunction(obj,abc) {
    		alert(abc);
    		alert($(obj).attr('class'));

    	}

    </script>

CSS

span {
    display:block;
    margin:10px;
}
span:hover {
    cursor:pointer;
    color:lime;
}