ელემენტების ჩასმისას მოვლენების მიბმა

მოდით ახლა ელემენტების ჩასმისას მივაბათ მათ მოვლენების დამმუშავებლები.

მაგალითად, მოდით გვქონდეს ასეთი მშობელი ელემენტი:

<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-ზე დაწკაპუნებისას მისი ტექსტის ბოლოს ჩაიწეროს ძახილის ნიშანი.