ejercicio3

clase-9.js

@@ -32,6 +32,23 @@ campo.addEventListener("input", (e) => {
 //  hacer que al hacer clic en cualquier ítem se le agregue la clase "seleccionado"
 //  y se la quite a los demás (es decir, solo un ítem puede estar seleccionado a la vez).
 
+let ulPaises = document.querySelector('#lista-paises'); // aignamos la ul en una variable
+let arrayPaises = document.querySelectorAll('.pais'); // y los li en un array
+
+ulPaises.addEventListener('click', (e) => {
+    let paisElegido = e.target;
+    let listaPaisesNoelegidos =[];
+
+    paisElegido.classList.replace('pais', 'seleccionado'); //cambiamos la clase del pais seleccionado
+
+    console.log(paisElegido.classList);
+    for (let item of arrayPaises){
+        if (item.classList != 'seleccionado'){
+            item.remove();
+        }
+    }
+
+})
 
 
 // 4 Agregar a la página los siguientes elementos: