Dodajanje predvajalnikov dogodkov v zanki v JavaScript

V prejšnji lekciji smo se naučili ustvarjati nove elemente v zanki. Zdaj pa dodajmo predvajalnike dogodkov ob ustvarjanju novih elementov.

Recimo, da imamo spet takšen starševski div:

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

Zaženimo zanko, ki bo našemu div-u dodala 9 novih odstavkov in nanje dodala predvajalnik klika:

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

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // Dodamo predvajalnik klika:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}