Իրադարձությունների կապում տարրերի ներդրման ժամանակ

Եկեք այժմ տարրերի ներդրման ժամանակ կապենք դրանց հետ իրադարձությունների մշակիչներ:

Ենթադրենք, օրինակ, մենք ունենք այսպիսի ծնողական տարր:

<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-ի վրա կլիկի դեպքում դրա տեքստի վերջում գրվի բացականչական նշան: