Прикачување на обработувачи во циклус во JavaScript

Во претходната лекција научивме да создаваме нови елементи во циклус. Ајде сега да додаваме обработувачи на настани при создавање на нови елементи.

Нека повторно имаме ваков родител div:

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

Да го стартуваме циклусот што ќе додаде на крајот од нашиот div 9 нови параграфи, додавајќи им обработувач за клик:

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

for (let i = 1; i <= 9; i++) {
	let p = document.createElement('p');
	p.textContent = '!';
	
	// Додаваме обработувач за клик:
	p.addEventListener('click', function() {
		console.log(this.textContent);
	});
	
	parent.appendChild(p);
}

Даден е div. Стартувајте циклус што ќе додаде во нашиот div 5 input полиња. Нека е даден и параграф. Направете секој од новите input полиња при губење на фокусот да ја запише својата вредност во параграфот.