JavaScript-da Waka Çykgytlaryny Aýyrmak

Bu sapakda biz öň elementlere baglanan waka işleýjilerini nädip aýyryp biljekdigimizi öwreneris. Mysal üçin aşakdaky düwmäni göz öňünde tutalyň:

<input id="button" type="submit">

Bu düwmäne func funksiýasyny baglalyň:

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
}

Indi bolsa, waka işleýjisiniň birinji gezek basylanda işleýändigini, soňra bolsa düwmäden aýrylýandygyny edeliň. Munuň üçin ýörite removeEventListener usuly bar. Bu usul birinji parametr hökmünde wakanyň görnüşini, ikkinji parametr hökmünde bolsa aýyrmaly bolan funksiýanyň salgysyny kabul edýär.

Adatça, bu waka işleýjisiniň baglandygy ýaly aýrylandygyny aňladýar. Ýagny, eger biz ony şeýle baglasak: addEventListener('click', func), onda ony şol bir parametrler bilen aýrarys, şeýle: removeEventListener('click', func).

Şeýlelik bilen, öňümize goýan meseläni çözeliň:

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
	this.removeEventListener('click', func);
}

Bir baglanyşyk we bir düwme berlen. Düwmä basylanda baglanyşyk tekstiniň aýagynda onuň href atributynyň mazmunyny ýöwreklik ýaýyň içinde goşuň. Munuň diňe birinji gezek basylanda bolup geçýändigini ediň.

Mazmuny 1 sany bolan bir düwme berlen. Bu düwmä basylanynda onyň mazmuny her gezek bir birlik artýandygyny ediň. Düwmäniň mazmuny 10 ýetensoň - düwme basylyşlara ýene-de jogap bermez ýaly waka işleýjisini aýyryň.