Бастаниҳои ҳодисаҳо вақти гузоштани элементҳо

Биёед ҳоло вақти гузоштани элементҳо ба онҳо коргузорони ҳодисаҳоро бастем.

Бигзор, масалан, моро ин элементи волидайн ҳаст:

<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 ба охири матни он аломати ситорача сабт шавад.