Kuweka Vichakatoi wa Matukio kwenye Kitanzi kwa kutumia JavaScript

Katika somo lilopita tulijifunza jinsi ya kuunda vipengele vipya kwenye kitanzi. Sasa tuweke vichakatoi wa matukio tunapounda vipengele vipya.

Wacha tuchukulie tuna kitengo kizazi kama hichi:

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

Wacha tuendeshe kitanzi ambacho kitaongeza mwisho wa kituo chetu kizazi aya 9 mpya, na kuweka kwa kila kimoja kichakatoi cha kubofya:

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

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // Tunaweka kichakatoi cha kubofya:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}