Как использовать addEventListener на пользовательское событие?

Question

[kot98]

const doSmth = () => {
   console.log('do something')
}

window.addEventListener('doSmth', () => {
    console.log('doSmth отработал')
  })

при выполнении одной функции должна срабатывать другая.
как правильно реализовать работу eventListener-a.

Answer 1

[Stalker_RED]

https://developer.mozilla.org/ru/docs/Web/API/Even...
Пример, где событие myEvent отправляется после нажатия на кнопку #pew:

const event = new Event('myEvent'); // создаем кастомное событие myEvent

pew.addEventListener('click', function() { // слушаем клик по кнопке
  circle.dispatchEvent(event); // отправляем событие myEvent
});

circle.addEventListener('myEvent', function(evt) { // слушаем событие myEvent
  // какая-то полезная нагрузка
  console.log(evt.target);
});

https://jsfiddle.net/Stalk/ujd2t5og/

Answer 2

[iBird Rose]

https://developer.mozilla.org/en-US/docs/Web/Event...

const doSmth = () => {
   const event = new Event('doSmth');
   window.dispatchEvent(event);
   console.log('do something')
}