JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
  <div id="div2">
    <div id="div3"></div>
  </div>
</div>

CSS

div {
  padding: 40px;
}

#div1 {
  background: red;
}

#div2 {
  background: green;
}

#div3 {
  background: blue;
}

JavaScript

var oDiv1 = document.getElementById('div1');
var oDiv2 = document.getElementById('div2');
var oDiv3 = document.getElementById('div3');
oDiv1.addEventListener('click', function() {
  alert(1);
}, false);
oDiv1.addEventListener('click', function() {
  alert(3);
}, true);
oDiv3.addEventListener('click', function() {
  alert(2);
}, false);