JSFiddle - React, Tailwind, and code Playground

by Anchit Gupta

HTML

<div id="1" class="common">
    hello
    <div id="2" class="common" >
        HI
        <div id="3" class="common">
            Aloha
        </div>
    </div>
</div>

CSS

.common{
    border:1px solid red;
    padding:10px;
}

JavaScript

function submit(elem) {
    console.log(elem);
    alert(elem.target.id);
    //elem.stopPropagation();
}
var x = document.getElementById('3');
var y = document.getElementById('2');
var z = document.getElementById('1');
console.log(x);
x.addEventListener('click',submit,false);
y.addEventListener('click',submit,false);
z.addEventListener('click',submit,false);