Прывязванне падзей пры ўстаўцы элементаў

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

Хай, напрыклад, у нас ёсць вось такі бацькоўскі элемент:

<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 у канец яго тэксту запісваўся клічнік.