JavaScript-de wakalaryň wekilleşdirilişi

Öňki sapakda täze elementleri goşanda ýüze çykýan meseleler we onuň çözülişi suratlandyryldy. Bu sapakda biz meseläni üstesinden gelmek üçin has amatly usuly - wakalaryň wekilleşdirilişi-ni gözden geçireris. Geliň ony düşüneliň.

Bilşiňiz ýaly, li-a basanyňyz, biz bir wagtda ul-a hem basýarys. Bu wakalaryň ýokaryk galmagy sebäpli mümkindir. Biz biziň meselämizi çözmek üçin muny ulanyp bileris: wakany her bir li-a däl, eýsem olaryň atasy ul-a birikdireris:

javascriptlist.addEventListener('click', function() {
  
});

Indi waka işleýjisinde this işleýjiniň birikdirilýän elementine görkezer, event.target bolsa wakanyň ýüze çykan elementine görkezer:

javascriptlist.addEventListener('click', function(event) {
  console.log(this);         // biz sanawymyz
  console.log(event.target); // sanawyň belligi
});

Basylyan li-a ýarym nokat goşup boljak etmeli:

javascriptlist.addEventListener('click', function(event) {
  event.target.textContent = event.target.textContent + '!';
});