Map коллекцияларын колдонуу

Бизде абзацтар болсун:

<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
<p>ddd</p>
<p>eee</p>

Ар бир абзацка чыкылдаганда, анын аягына абзацтар тизмесиндеги тартиптик номери жазылсын. Маселени Map аркылуу чыгаралы.

Баштайлы. Биринчиден, абзацтарды өзгөрмөгө алалы:

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

Жаңы Map коллекциясын түзөлү:

let map = new Map;

Коллекциябызды толтуруп койолу, ачкычтары абзацтар, ал эма алардын маанилери тартиптик номерлер болсун:

let i = 1;
for (let elem of elems) {
	map.set(elem, i++);
}

Абзацтарды цикл менен айланып өтүп, аларга чыкылдатуу иштеткичин кошолу:

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

Эми чыкылдатуу аркылуу абзацтын текстинин аягына тартиптик номерди кошолу. Бул номерди биздин коллекциябыздан алалы:

for (let elem of elems) {
	elem.addEventListener('click', function() {
		this.textContent += map.get(this);
	});
}

Инпуттар берилген. Бул инпуттарды цикл менен айланып өтүп, Map коллекциясын түзгүлө, анын ачкычтары инпуттар, ал эма мааниси - беттеги тартиптик номери болсун. Ар кайсы инпутка чыкылдаганда, анын value талаасына анын тартиптик номери жазылсын.

Инпуттар берилген. Ар бир инпутка сан киргизүүгө болот. Enter баскычы басылганда, инпут киргизилген санды эстесин. Инпут фокусун жоготкондо, консольго буга чейин инпутка киргизилген бардык сандардын массивдери чыгарылсын.