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, evnt, funct){
if (element.attachEvent)
return element.attachEvent('on'+evnt, funct);
else
return element.addEventListener(evnt, funct, false);
}
// example
addEvent(
document.getElementById('myElement'),
'click',
function () { alert('hi!'); }
);