Pengikatan Peristiwa semasa Penyisipan Elemen
Sekarang mari kita mengikat pengendali peristiwa kepada elemen semasa menyisipkannya.
Sebagai contoh, katakan kita mempunyai elemen induk seperti berikut:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Mari tambahkan satu lagi perenggan ke hujung induk ini, dan tetapkan pengendali klik untuknya:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // pada klik kita akan output teks perenggan
});
parent.appendChild(p);
Diberikan ol dan butang. Lakukan supaya apabila diklik
pada butang, tag li ditambahkan pada hujung ol.
Lakukan supaya apabila diklik pada mana-mana
li yang ditambahkan, tanda seru ditulis
pada hujung teksnya.
