Навешивание обработчиков в цикле на JavaScript

В предыдущем уроке мы с вами научились создавать новые элементы в цикле. Давайте теперь будем навешивать обработчики событий при создании новых элементов.

Пусть у нас опять есть вот такой див-родитель:

<div id="parent"></div>

Запустим цикл, который добавит в конец нашего дива 9 новых абзацев, навесив на них обработчик клика:

let parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
	let p = document.createElement('p');
	p.innerHTML = '!';
	
	// Навешиваем обработчик клика:
	p.addEventListener('click', function() {
		alert(this.innerHTML);
	});
	
	parent.appendChild(p);
}

Дан див. Запустите цикл, который добавит в наш див 5 инпутов. Пусть дан также абзац. Сделайте так, чтобы каждый из новых инпутов по потери фокуса записывал свой текст в абзац.