# Навешивание обработчиков в цикле на 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` инпутов. Пусть дан также абзац. Сделайте так, чтобы каждый из новых инпутов по потери фокуса записывал свой текст в абзац.

←→
↑
en ru