Врзување на настани при вметнување елементи

Сега, при вметнување елементи, ајде да врзуваме обработувачи на настани на нив.

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

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