JavaScriptда циклда ишловчиларни қўшиш

Олдинги дарсда биз циклда янги элементлар яратишни ўрганган эдик. Келинг энди янги элементлар яратилганда уларга воқеа ишловчиларини қўшайлик.

Фарз қилайлик, бизда яна мана шундай див-ота бор:

<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 та янги инпут қўшсин. Фарз қилайлик, абзац хам берилган. Ҳар бир янги инпут ўз матрини абзацга ёзиши учун уларнинг фокусини йўқотганида ишлайдиган қилиб такинг.