JSFiddle - React, Tailwind, and code Playground

by Yeah

HTML

<ul>
  <li><a href="https://google.com"><span>USA</span></a></li>
  <li><a href="https://google.de">Germany</a></li>
  <li><a href="https://google.ru">Russia</a></li>
  <li><a href="https://google.au">Australia</a></li>
  <li><a href="https://google.it">Italy</a></li>
</ul>

JavaScript

const container = document.querySelector('ul');
container.addEventListener('click', e => {
  console.log(e);
  e.preventDefault();
  e.stopPropagation();
  let target = e.target;
  do {
    console.log(target);
    if (target.nodeName.toLowerCase() === 'a') {
      alert(target.innerHTML);
      break;
    }
    target = target.parentNode;
  } while (target && target !== container);
})