JavaScriptда аноним функциаларни боглаб олиш

Энди бизнинг абзацларимизга аноним функция богланган бўлсин:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function() {
		console.log(this.textContent);
	});
}

Фарз қилайлик, биз ушбу абзацга босгандан сўнг ушбу функцияни абзацдан боглаб олмоқчимиз. Бирок, бизни кутаётган муаммо: функциянинг номи йўқ, демак уни боглаб олиш учун номига мурожаат қила олмаймиз.

Муаммони ҳал қилиш учун функцияга ном бериш керак, уни номланган функционал ифодага айлантириш керак. Буни амалга оширамиз:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function func() { // функцияга ном бердик
		console.log(this.textContent);
	});
}

Энди бу функцияни унинг ўзи ичида боглаб олиш мумкин:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function func() {
		console.log(this.textContent);
		this.removeEventListener('click', func); // функцияни боглаб оламиз
	});
}

ul рўйхати берилган, унинг ҳар бир пунктида рақам ёзилган. Ҳар қандай li устига босилганда унинг рақами бирга ўсиши учун қилинг.

Олдинги машқни шундай модификация қилингки, ҳар бир li ўз қийматини фақат унга биринчи марта босилганда ўстирсин.

Олдинги машқни шундай модификация қилингки, ҳар бир li ўз қийматини фақат унга 10 дан кичик бўлганда ўстирсин.