Elementlərin əlavə edilməsi zamanı hadisələrin bağlanması
Gəlin indi elementləri əlavə edərkən onlara hadisə emalçılarını bağlayaq.
Məsələn, tutaq ki, bizim belə bir ana elementimiz var:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Gəlin bu ananın sonuna bir abzas daha əlavə edək, ona klik hadisəsi emalçısı təyin edək:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // klik zamanı abzasın mətnini çıxaracaq
});
parent.appendChild(p);
Verilmişdir ol və düymə. Elə edin ki, düyməyə klik edildikdə
ol-nin sonuna li teqi əlavə olunsun.
Elə edin ki, əlavə edilmiş hər hansı li-yə klik edildikdə
onun mətninin sonuna nida işarəsi yazılsın.