Penjilatan Peristiwa saat Penyisipan Elemen
Sekarang mari kita saat menyisipkan elemen menjilatkan handler peristiwa padanya.
Misalnya, kita memiliki elemen induk seperti ini:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Mari tambahkan satu paragraf lagi ke akhir induk ini, dengan mengatur handler klik untuknya:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // saat diklik akan menampilkan teks paragraf
});
parent.appendChild(p);
Diberikan ol dan sebuah tombol. Buat agar saat diklik
pada tombol, tag li ditambahkan ke akhir ol.
Buat agar saat diklik pada salah satu
li yang ditambahkan, tanda seru ditambahkan
ke akhir teksnya.