Как отобразить окно уведомления по щелчку для всех элементов с href="#"?

Question

Я хочу отображать окно уведомления "ПОД КОНСТРУКЦИЕЙ" на моем веб-сайте каждый раз, когда пользователь нажимает на элемент с атрибутом href="#",

Я создал функцию, которая нацелена на все элементы с атрибутом href="#" по щелчку:

document.addEventListener('click', function(e) {
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++)
  {
    if (allElements[i].getAttribute('href') == '#')
    {
     allElements[i].style.display = 'none';
    }
}})

<a href="#">Stuff</a><br>
<a href="#">More stuff</a>
<button>Btn</button>

Проблема в том, что мне нужно ориентироваться только на НАКЛОНЕННЫЕ элементы.

Любые подходы?

Answer 1

document.addEventListener('click', function(e){
    e = e || window.event; /* Point to clicked element */
    var h = e.target; /* Get clicked element */
    if (h.getAttribute('href') == '#'){alert('woot')}})

<a href="#">Stuff</a><br>
<a href="##">More stuff</a>
<button>Btn</button>