JSFiddle - React, Tailwind, and code Playground

HTML

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

    <script type="text/javascript">

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

    	}

    </script>

CSS

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