JSFiddle - React, Tailwind, and code Playground

HTML

<a id="show-alert" href="#">Show alert</a>

CSS

.alert {
    width: 200px;
    padding: 20px;
    border: solid 2px red;
    text-align: center;
}

JavaScript

Window.prototype.alert = function(message){
    new Element('div', {
        'html': message,
        'class': 'alert'
    }).inject(document.body);
};

$('show-alert').addEvents({
    click: function(e){
        e.stop();
        
        alert('lorem ipsum');
    }
});