JavaScript-ში ციკლში მოვლენების დამატება

წინა გაკვეთილში ჩვენ ვისწავლეთ როგორ შეგვექმნა ახალი ელემენტები ციკლში. ახლა კი ვისწავლოთ მოვლენების დამმუშავებლების დამატება ახალი ელემენტების შექმნისას.

მოდით ჩვენ კვლავ გვქონდეს ასეთი div-მშობელი:

<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 ინფუთს. მოდით ასევე მოცემული იყოს აბზაცი. გახადეთ ისე, რომ თითოეული ახალი ინფუთი ფოკუსის დაკარგვისას ჩაწეროს საკუთარი ტექსტი აბზაცში.