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:
<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:
let 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);
}
Kituo kizazi kimepewa. Anzisha kitanzi ambacho kitaongeza
kwenye kituo chetu kizazi viingizaji 5. Wacha pia kuwe na
aya. Fanya ili kila kimoja kati ya viingizaji vipya
ukiipotee uangalizi andike maandishi yake
kwenye aya.
