JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class='styled'>
        <ul>
            <li><a id='tester'>CLICK ME</a></li>
        </ul>
    </div>
</body>

CSS

.styled {
     width: 200px;
     margin-left: auto;
     margin-right: auto;
     font-size: 2em;
 }
 a {
     cursor: pointer;
     color: blue;
 }
 a:hover {
     text-decoration: underline;
 }

JavaScript

function $(id) {
    return document.getElementById(id);
}

$('tester').onclick(function () {
    alert('Hello world');
});