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

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

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

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

Биёед ба охири ин волидайн як абзаси дигар илова кунем, ба он коргузори клик насб кунем:

javascriptlet parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
  console.log(this.textContent); // бо клик матни абзасро хориҷ мекунем
});

parent.appendChild(p);