JSFiddle - React, Tailwind, and code Playground

by Nikhil Chandel

HTML

<div>
    <p> I am para one</p>
    <p> I am para two</p>
    <a href="http:nowheretogo.com">I am a link</a>
</div>

CSS

div{ background:#abcdef; padding:20px; }
p{ background:#00ff00; margin:20px; }
a{ background:#00ff34; margin:20px; }

JavaScript

$('div').on('click', function(event) {
    if (event.target !== this) {
        event.preventDefault(); // for preventing anchor tag default functionality
        return;
    }else {
        alert('Make love not war');
    }
});