Как получить атрибут в данном виде?

Question

[RuhHost]

<div>
  <a href="/link1/" data-name="links">LINK 1</a>
<a href="/link2/" data-name="links">LINK 2</a>
<a href="/link3/" data-name="links">LINK 3</a>
<a href="/link4/" data-name="links">LINK 4</a>
<a href="/lnk5/" data-name="links">LINK 5</a>
</div>

document.addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.preventDefault();
    alert (e.target.href);
  }
})

В данном коде получается URL ссылки по клику на нее, как сделать чтобы кроме ссылки получалось еще значение атрибута data-name

Answer 1

[hellcaster]

document.addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.preventDefault();
    alert (e.target.href + ' ' + e.target.dataset.name);
  }
})

Но я бы написал немного по-другому: