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:

list.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:

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

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

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

Görkezilen çözgüdi gaýtalaň. Täze li-laryň hem basylyşa jogap berýändigine göz ýetiriň.