Eleman Ekleme Sırasında Olay Bağlama
Şimdi elemanları eklerken onlara olay işleyicileri bağlayalım.
Örneğin, şöyle bir ana elemanımız olsun:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Şimdi bu ana elemanın sonuna tıklama olay işleyicisi atanmış başka bir paragraf ekleyelim:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // tıklama sonucu paragrafın metnini yazdıralım
});
parent.appendChild(p);
Bir ol ve bir düğme verilmiştir. Düğmeye tıklandığında
ol'un sonuna bir li etiketi eklenmesini sağlayın.
Eklenen herhangi bir li'ye tıklandığında, metnin sonuna
bir ünlem işareti yazılmasını sağlayın.
