JSFiddle - React, Tailwind, and code Playground

by Alexander Startsev

HTML

<div id="main">
    <a href="#">Click me</a>
</div>

CSS

#main{
    text-align: center;
    background: #EEE;
    border: 1px #CCC solid;
    padding: 10px;
    font: normal 11px/11px Tahoma;
}

#main a, #main a:visited{
    color: #000;
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 3px;
    background: #CCC;
}

#main a:hover{
    color: #555;
    background: #DDD;
}

JavaScript

$(document).ready(function(){
    $("#main").click(function(e){
        if(e.target.tagName !== 'A') {
            alert('It\'s a DIV');
        } else {
            alert('It\'s a link');                
        }
    })
})