JSFiddle - React, Tailwind, and code Playground

by kuyabiye

HTML

<div id="element1">
    element1
    <div id="element2">
        element2
    </div>
</div>

CSS

#element1 {
    background: #f3f3f3;
    padding: 40px;
}

#element2 {
    background: #e3e3e3;
    padding: 40px;
}

JavaScript

var element1 = document.getElementById('element1'),
    element2 = document.getElementById('element2');

element1.addEventListener('click', function() { alert('element1');}, true);
element2.addEventListener('click', function() { alert('element2');}, false);