# Привязывание событий при вставке элементов

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

Пусть, к примеру, у нас есть вот такой родительский элемент:

`<div id="parent"> <p>1</p> <p>2</p> <p>3</p> </div>`

Давайте добавим в конец этого родителя еще один абзац, установив ему обработчик клика:

`let parent = document.querySelector('#parent'); let p = document.createElement('p'); p.textContent = '!'; p.addEventListener('click', function() { console.log(this.textContent); // по клику выведем текст абзаца }); parent.appendChild(p);`

Дан `ol` и кнопка. Сделайте так, чтобы по клику на кнопку в конец `ol` добавлялся тег `li`. Сделайте так, чтобы по клику на любой из добавленных `li` в конец его текста записывался восклицательный знак.

←→
↑
en ru