JSFiddle - React, Tailwind, and code Playground

by sureshalagarsamy

HTML

<body>
<form>FORM
  <div>DIV
    <p>P</p>
  </div>
</form>

<script>
  for(let elem of document.querySelectorAll('*')) {
    elem.addEventListener("click", e => alert(`Capturing: ${elem.tagName}`), true);
    elem.addEventListener("click", e => alert(`Bubbling: ${elem.tagName}`));
  }
</script>
</body>

CSS

body * {
    margin: 9px;
    border: 1px solid #FF0000;
  }