මූලද්‍රව්‍ය ඇතුලත් කිරීමේදී සිදුවීම් බැඳීම

දැන් අපි මූලද්‍රව්‍ය ඇතුලත් කරන විට ඒවාට සිදුවීම් හසුරුවන්නන් බැඳීම කරමු.

උදාහරණයක් ලෙස, අපට මෙවැනි මව් මූලද්‍රව්‍යයක් ඇතැයි සිතන්න:

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);