Элементларни киритишда вокеаларни боглаш

Энди элементларни киритганда уларга вокеалар ишловчиларини боглайлик.

Масалан, бизда шундай ота-она элемент мавжуд бўлсин:

<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 ларнинг бирига босилганда унинг матнининг охига ҳайқалновчи белги қўйилишини таъминланг.