JSFiddle - React, Tailwind, and code Playground

by arian

HTML

<div id="wrapper">
    <a href="#" id="clickme">Click Me</a>
</div>

<pre id="result"></pre>

CSS

#wrapper {
    padding: 20px;
    background: #00f;
}

#clickme {
    display: block;
    padding: 20px;
    font-size: 2em;
    background: #f00;
}

JavaScript

var result = document.id('result');

document.id('wrapper').addEvent('click', function(){
    this.highlight();
    result.appendText('clicked the wrapper\n');
});

document.id('clickme').addEvent('click', function(event){
    event.preventDefault();
    this.highlight();
    result.appendText('clicked the link\n');
});