JSFiddle - React, Tailwind, and code Playground

HTML

<nav><a> 1 </a>
<a> 2 </a></nav>
<a> 3 </a>
<a> 4 </a>
<p>
<a> 5 </a>
<a> 6 </a>
</p>

CSS

a {
  display: inline-block;
  margin: 1em;
  border: solid;
}

JavaScript

for (let e of document.querySelectorAll('nav a, p a')) {
  e.addEventListener('click', function() {
    console.log(this.textContent)
  })
}