Aplicación de las colecciones Map

Supongamos que tenemos párrafos:

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

Hagamos que al hacer clic en cada párrafo, se escriba su número de orden en la lista de párrafos al final. Resolvamos el problema mediante Map.

Empecemos. Primero obtengamos nuestros párrafos en una variable:

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

Creemos una nueva colección Map:

let map = new Map;

Llenemos nuestra colección de modo que las claves sean nuestros párrafos, y sus valores sean los números de orden:

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

Recorramos los párrafos con un ciclo y asignemosles un controlador de clics:

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

Ahora, al hacer clic, agreguemos el número de orden al final del texto del párrafo. Al mismo tiempo, obtengamos este número de nuestra colección:

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

Se dan inputs. Recorra estos inputs con un ciclo y cree una colección Map, donde las claves sean los inputs, y el valor sea su número de orden en la página. Haga que al hacer clic en cualquier input, se escriba su número de orden en su value.

Se dan inputs. En cada input se puede ingresar un número. Que al presionar Enter el input recuerde el número introducido. Haga que al perder el foco en el input, se muestre en la consola un array de todos los números ingresados previamente en el input.