JSFiddle - React, Tailwind, and code Playground

by arian

HTML

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

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

CSS

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

a {
    display: block;
    padding: 10px;
    font-size: 2em;
    background: #f00;
    margin: 10px;
}

JavaScript

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

document.id('wrapper').addEvent('click', function(event){
    this.highlight();
    if (event.target.get('tag') == 'a'){
        result.appendText('clicked an a element\n');
        event.target.highlight();
    }
});