Aplikácia kolekcií Map

Majme nasledujúce odseky:

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

Urobme tak, aby po kliknutí na každý odsek sa mu na koniec zapísalo jeho poradové číslo v zozname odsekov. Úlohu vyriešme pomocou Map.

Poďme na to. Najprv získajme naše odseky do premennej:

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

Vytvorme novú kolekciu Map:

let map = new Map;

Vyplňme našu kolekciu tak, aby kľúčami boli naše odseky a ich hodnotami - poradové čísla:

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

Prejdime odseky cyklom a nastavme na nich obsluhu kliknutia:

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

Poďme teraz po kliknutí pridať poradové číslo na koniec textu odseku. Pritom budeme získať toto číslo z našej kolekcie:

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

Sú dané vstupy. Prejdite tieto vstupy cyklom a vytvorte kolekciu Map, kde kľúčmi budú vstupy a hodnotou - ich poradové číslo na stránke. Urobte tak, aby po kliknutí na ľubovoľný vstup sa mu do value zapísalo jeho poradové číslo.

Sú dané vstupy. Do každého vstupu je možné zadať číslo. Nech po stlačení Enter vstup zapamätá zadané číslo. Urobte tak, aby po strate focusu vo vstupe do konzoly vypísal pole všetkých doteraz zadaných do vstupu čísel.