Как остановить выполнение функции после алерта во всех элементах?

Question

[Ratibor]

Доброе время суток! Вот код: https://codepen.io/RatiboR1978/pen/LzEWLj не могу сообразить как после алерта остановить выполнение кликов на всех элементах, помогите.

Comments

[ой всё]

а зачем у вас там два цикла?

[ой всё]

Er Code, не помню чтобы я задавала вам вопрос

[ой всё]

Er Code, не припоминаю, чтобы я у вас спрашивала указаний, как нужно помогать
если вы не умеете помогать иначе, кроме как подрываться и делать чужую работу, то это сугубо ваши проблемы

Answer 1

[0xD34F]

Можно вынести создание обработчика клика из цикла:

const elems = document.querySelectorAll('div');

function handler() {
  alert(123);
  elems.forEach(n => n.removeEventListener('click', handler));
}

elems.forEach(n => n.addEventListener('click', handler));

Или применить делегирование:

const elems = [...document.querySelectorAll('div')];

document.addEventListener('click', function handler(e) {
  if (elems.some(n => n.contains(e.target))) {
    alert(123);
    document.removeEventListener('click', handler);
  }
});

Answer 2

[Stalker_RED]

https://codepen.io/anon/pen/pWvPVr