Элементтерді енгізу кезінде оқиғаларды байланыстыру

Енді элементтерді енгізу кезінде оларға оқиға өңдеуіштерін байланыстырайық.

Мысалы, бізде мынадай аталық элемент бар делік:

<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 элементтерінің кез келгеніне басқан кезде оның мәтінінің соңына леп белгісі қойылатындай етіңіз.