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 տարրերից յուրաքանչյուրը ֆոկուսը կորցնելու դեպքում գրի իր տեքստը պարբերությունում: