Пользовательский прослушиватель событий JavaScript

Мне было интересно, может ли кто-нибудь помочь мне понять, как именно создавать разные прослушиватели пользовательских событий.

У меня нет конкретного случая события, но я хочу узнать в общих чертах, как это делается, чтобы я мог применить это там, где это необходимо.

То, что я хотел сделать, на всякий случай, если некоторым людям может понадобиться знать, было:

var position = 0;
for(var i = 0; i < 10; i++)
{
position++;
if((position + 1) % 4 == 0)
{
// do some functions
}
}


Решение проблемы

Отсюда:

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

// create the event
const event = new Event('build');
// elem is any element
elem.dispatchEvent(event);
// later on.. binding to that event
// we'll bind to the document for the event delegation style.
document.addEventListener('build', function(e){
// e.target matches the elem from above
}, false);