Навяшванне апрацоўшчыкаў у цыкле на 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 інпутаў. Хай дадзены таксама абзац. Зрабіце так, каб кожны з новых інпутаў па страце фокусу запісваў свой тэкст у абзац.