craig lol

sdfsd

by austinpray

HTML

<div id='someId'>
  <a>Demo <span>ayy</span></a>
  <div>
    <a>Jules <span>lmao</span></a>
  </div>
  <div>
    <a>Scott <span>dude <span>it werks</span></span></a>
    <div>
      <a>Kalen</a>
      <div>
        <a>Craig</a>
      </div>
    </div>
  </div>
</div>

CSS

/* lmao */
a {
  margin: 1em;
  padding: 1em;
  background: rgba(255, 0, 0, 0.1);
  display: block;
}
span {
  display: block;
  padding: 1em;
  background: rgba(0, 255, 0, 0.1);
}
div {
  padding: 1em;
  background: rgba(0, 0, 0, 0.1);
}

JavaScript

const container = document.getElementById('someId');
container.addEventListener('click', (e) => {
  const a = e.target.closest('a');
  a && container.contains(a) && alert(a.textContent);
});