Причврљивање догађаја приликом уметања елемената

Хајде сада да приликом уметања елемената причврстимо на њих руковаоце догађаја.

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

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