JSFiddle - React, Tailwind, and code Playground

HTML

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

    <script type="text/javascript">

    	function someFunction(e,abc) {
          console.log(this);
          alert(e.className);

    	}

    </script>

CSS

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