JavaScript-də Dövrədə Hadise Emalçılarının Əlavə Edilməsi

Əvvəlki dərsdə biz dövrədə yeni elementlər yaratmağı öyrəndik. Gəlin indi yeni elementlər yaradarkən hadise emalçılarını əlavə edək.

Tutaq ki, bizim yenə belə bir ana div-imiz var:

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

Gəlin div-imizin sonuna 9 yeni abzas əlavə edən və onlara klik hadisesi emalçısı əlavə edən bir dövrə işlədək:

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

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // Klik hadise emalçısını əlavə edirik:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}