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 инпут кошуңуз. Ошондой эле абзац берилсин. Жаңы инпуттардын ар бири фокусту жоготкондо өзүнүн текстин абзацка жазышы үчүн кылыңыз.