Elementlarni qo'shishda hodisalarni bog'lash

Keling, endi elementlarni qo'shishda ularga hodisa qayta ishlovchilarini bog'laymiz.

Masalan, bizda quyidagi ota-ona elementi bor:

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

Keling, ushbu ota-onaning oxiriga yana bir abzats qo'shamiz va unga klik hodisasi qayta ishlovchisini o'rnatamiz:

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

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
  console.log(this.textContent); // klik orqali abzats matnini chiqaramiz
});

parent.appendChild(p);