Melampirkan Pengendali dalam Gelung pada JavaScript

Dalam pelajaran sebelumnya, kita belajar mencipta elemen baharu dalam gelung. Sekarang mari kita lampirkan pengendali peristiwa semasa mencipta elemen baharu.

Katakan kita sekali lagi mempunyai div induk ini:

<div id="parent"></div>

Jalankan gelung yang akan menambahkan 9 perenggan baharu ke akhir div kami, dan lampirkan pengendali klik pada mereka:

let parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
	let p = document.createElement('p');
	p.textContent = '!';
	
	// Lampirkan pengendali klik:
	p.addEventListener('click', function() {
		console.log(this.textContent);
	});
	
	parent.appendChild(p);
}

Diberikan sebuah div. Jalankan gelung yang akan menambahkan 5 input baharu ke dalam div kami. Katakan juga terdapat sebuah perenggan. Lakukan supaya setiap input baharu apabila kehilangan fokus menulis teksnya sendiri ke dalam perenggan.