Свързване на събития при вмъкване на елементи

Нека сега при вмъкване на елементи да свързваме манипулатори на събития към тях.

Нека, например, имаме следния родителски елемент:

<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 в края на неговия текст да се записва удивителен знак.