JavaScript-dä Ýokary Derejelik Waka Delegetirlenmesi

Öňki sapakda görkezilen kod işjeň, ýöne kemçiliksiz däl. Geliň, şu kemçilikleri gözden geçirip, has ýokary derejeli çözgüt ýazalyň.

Kodymyzyň kemçiligi, li tegi içinde içine goýlan başga tegender bolanda ýüze çykar. Bizim ýagdaýymyzda, bu tegender i tegi bolsun:

html<ul>
  <li>element <i>kursiw</i> element</li>
  <li>element <i>kursiw</i> element</li>
  <li>element <i>kursiw</i> element</li>
  <li>element <i>kursiw</i> element</li>
  <li>element <i>kursiw</i> element</li>
</ul>

Bu ýagdaýda, i tegine basmak, li teginde däl-de, i teginiň ahyrynda ünlem belgisini goşmaga getirer - sebäbi event.target-a dogrudan-da wakanyň ýüze çykan tegi düşýär.

Bu meseläni closest metody bilen çözmek bolýar:

javascriptlist.addEventListener('click', function(event) {
  let li = event.target.closest('li');
  
  if (li) {
    li.innerHTML = li.innerHTML + '!';
  }
});