Элементтерди киргизүү убагында окуяларды байлоо

Эми элементтерди киргизгенде аларга окуялардын обработчиктерин байлайлы.

Мисалы, бизде төмөнкүдөй ата-эне элементи бар болсун:

<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 тегине чыкылдаганда анын текстинин аягына үн белгиси коюлгандай кылыңыз.