Uwakilishi wa Matukio ya Ujumla katika JavaScript
Msimbo ulioonyeshwa katika somo uliopo unaofanya kazi, lakini, haina dosari. Wacha tuchambue dosari hizo na tuandike ufumbuzi wa ujumla zaidi.
Dosari ya msimbo wetu itaonekana katika kesi
ambayo ndani ya li kutakuwa na lebo zozote
zilizowekwa ndani. Katika kesi yetu wacha hizi ziwe lebo
i:
<ul>
<li>kitu <i>italiki</i> kitu</li>
<li>kitu <i>italiki</i> kitu</li>
<li>kitu <i>italiki</i> kitu</li>
<li>kitu <i>italiki</i> kitu</li>
<li>kitu <i>italiki</i> kitu</li>
</ul>
Katika kesi hii, kubonyeza lebo i kutasababisha
kuongeza alama ya mshangao mwishoni mwa
lebo i, na si lebo li, kama
tulivyotaka - kwa sababu katika event.target
huingia lebo husika, ambapo tukio limetokea.
Tatizo linaweza kutatuliwa kwa kutumia mbinu closest:
list.addEventListener('click', function(event) {
let li = event.target.closest('li');
if (li) {
li.innerHTML = li.innerHTML + '!';
}
});
Rudia ufumbuzi ulioonyeshwa.
