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

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

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

<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 එකක් මත ක්ලික් කිරීමෙන් එහි පෙළ අවසානයේ හඬක් සලකුණ ලියන ලෙස සකසන්න.