Навяшванне апрацоўшчыкаў у цыкле на JavaScript

У папярэднім ўроке мы з вамі навучыліся ствараць новыя элементы ў цыкле. Давайце цяпер будзем навяшваць апрацоўшчыкі падзей пры стварэнні новых элементаў.

Хай у нас зноў ёсць вось такі дыў-бацька:

html<div id="parent"></div>

Запусцім цыкл, які дадасца ў канец нашага дыва 9 новых абзацаў, навяшучы на іх апрацоўшчык кліку:

javascriptlet parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // Навяшваем апрацоўшчык кліку:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}