JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<section>
  <article>
    <div>
      <p><span>span</span> <strong>strong</strong></p>
    </div>
  </article>
</section>

JavaScript

let section = document.querySelector('section');
let article = document.querySelector('article');
let div = document.querySelector('div');
let p = document.querySelector('p');
let span = document.querySelector('span');
let strong = document.querySelector('strong');
console.clear();

function click(e){
	console.log(e.target.tagName);
}

window.onclick = click;
document.documentElement.onclick = click;
document.body.onclick = click;
section.onclick = click;
article.onclick = click;
div.onclick = click;
p.onclick = click;
span.onclick = click;
strong.onclick = click;