JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<div id="container">
    <a href="#" id="login">Login</a>
</div>

CSS

#container {
    width: 200px;
    height: 200px;
    border: 1px solid red;
}

JavaScript

$('#container').on('click', function() {
    console.log('container clicked');
});

$('#login').on('click', function(e) {
    // try 
    // e.preventDefault();
    // e.stopPropagation();
    // or both
    console.log('login clicked');
    // or just
    //return false;
});