Menambahkan Penangan dalam Loop di JavaScript
Dalam pelajaran sebelumnya, kita belajar membuat elemen baru dalam loop. Sekarang mari kita tambahkan penangan peristiwa saat membuat elemen baru.
Misalkan kita lagi-lagi memiliki div induk seperti ini:
<div id="parent"></div>
Jalankan loop yang akan menambahkan
9 paragraf baru ke akhir
div kita, dengan menambahkan penangan klik pada mereka:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
// Menambahkan penangan klik:
p.addEventListener('click', function() {
console.log(this.textContent);
});
parent.appendChild(p);
}
Diberikan sebuah div. Jalankan loop yang akan menambahkan
5 input ke dalam
div kita. Misalkan juga diberikan sebuah
paragraf. Buatlah agar setiap input baru
saat kehilangan fokus menuliskan teksnya
ke dalam paragraf.
