JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myElement">Click Me</div>

CSS

#myElement {
    background-color:blue;
    cursor:pointer;
    text-align:center;
    line-height: 40px;
    padding: 6px border-radius: 4px;
    width: 50%;
    margin: auto;
    color:white;
}
html, body {
    text-align:center;
}

JavaScript

function addEvent(element, myEvent, fnc) {
    return ((element.attachEvent) ? element.attachEvent('on' + myEvent, fnc) : element.addEventListener(myEvent, fnc, false));
}

// example
addEvent(document.getElementById('myElement'), 'click', function () {
    alert('hi!');
});