Vendosja e përpunuesve në një cikël në JavaScript

Në mësimin e mëparshëm, mësuam të krijojmë elemente të reja në një cikël. Tani le të vendosim përpunuesit e ngjarjeve gjatë krijimit të elementeve të rinj.

Le të themi se përsëri kemi këtë div prind:

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

Le të ekzekutojmë një cikël që do të shtojë në fund të div-it tonë 9 paragrafë të rinj, duke u shtuar atyre një përpunues klikimi:

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

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // Vendosim përpunuesin e klikimit:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}