JavaScript හි පුඩුවක ඉසවුව කළමනාකරණයන් සවිකිරීම

පෙර පාඩමෙන්, අපි ඉගෙන ගත්තේ පුඩුවක අලුත් මූලද්‍රව්‍ය සෑදීමයි. දැන් අපි අලුත් මූලද්‍රව්‍ය සෑදීමේදී ඉසවුව කළමනාකරණයන් සවි කරමු.

අපට නැවතත් මේ වගේ දෙමාපිය div එකක් ඇති යැයි සිතමු:

html<div id="parent"></div>

අපගේ div එකට අවසානයට 9 අලුත් ඡේද එකතු කර, ඒවාට ක්ලික් කළමනාකරණයක් සවි කරන පුඩුවක් දිගහරිමු:

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

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // ක්ලික් කළමනාකරණය සවි කරමු:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}