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

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

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

<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 в конец его текста записывался восклицательный знак.