diff --git a/clase-9.js b/clase-9.js index 0bd45e2..566a799 100644 --- a/clase-9.js +++ b/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: diff --git a/index.html b/index.html index a7f2dad..0810351 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,13 @@
Elige tu candidato para la copa del mundo:
+