Додавање руковаоца догађајима у петљи на ЈаваСкрипту

У претходној лекцији научили смо да креирамо нове елементе у петљи. Хајде сада да додајемо руковаоце догађајима приликом креирања нових елемената.

Нека поново имамо овај родитељски див:

<div id="parent"></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);
}

Дат је див. Покрените петљу која ће додати у наш див 5 поља за унос. Нека је такође дат пасус. Направите тако да свако од нових поља за унос при губитку фокуса уписује свој текст у пасус.