From d6ed546700093ce4301ae0444426b81a1cb0a9dc Mon Sep 17 00:00:00 2001 From: Romeo Date: Wed, 20 May 2026 22:10:07 -0300 Subject: [PATCH 1/9] vinculacion de index con el archivojs --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 0c393ac..64e23af 100644 --- a/index.html +++ b/index.html @@ -31,5 +31,6 @@

¿Y este párrafo? ¿Será importante?

Este es otro párrafo del montón.

+ -- 2.49.1 From 9705d6ef0325221b8e2eea1ffa1e4f6fc1f66bce Mon Sep 17 00:00:00 2001 From: Romeo Date: Wed, 20 May 2026 23:24:15 -0300 Subject: [PATCH 2/9] ejercicio1 --- ejercicios-clase-8.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index af39c43..ed81fdd 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -1 +1,2 @@ -// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios. +let titulo = document.querySelector("h1") +titulo.textContent = "Comida Rioplatense" -- 2.49.1 From fd2df245904d9c2fbac465795fbd6421c0ee1b6b Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 00:30:07 -0300 Subject: [PATCH 3/9] ejercicio2 --- ejercicios-clase-8.js | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index ed81fdd..2013a80 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -1,2 +1,13 @@ -let titulo = document.querySelector("h1") -titulo.textContent = "Comida Rioplatense" +//ejercicio1 +let titulo = document.querySelector("h1"); +titulo.textContent = "Comida Rioplatense"; + +//ejercicio2 +function agregarClaseAItems(etiqueta){ //la funcion debe recibir como parametro la etiqueta html a la cual se le quiere agregar la clase +array_li = document.querySelectorAll(etiqueta); //lista con los items que tengan dicha etiqueta +for(let item of array_li){ + item.classList.add("item-lista"); //agregamos a cada item la clase "item-lista" +}}; + +agregarClaseAItems("li"); //ejecutamos la funcion con la etiqueta HTML como parametro + -- 2.49.1 From 84464db1b1a41827c604613278632bbc4882fa86 Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 01:12:31 -0300 Subject: [PATCH 4/9] ejercicio3 --- ejercicios-clase-8.js | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 2013a80..259b521 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -11,3 +11,14 @@ for(let item of array_li){ agregarClaseAItems("li"); //ejecutamos la funcion con la etiqueta HTML como parametro +//ejercicio3 +function agregarItem(contenido){ + let lista_inicial = document.querySelector("#lista-inicial"); // alojamos la lista en una variable + let item_nuevo = document.createElement("li"); // creamos el item + item_nuevo.textContent = contenido; // le otorgamos el contenido del parametro + lista_inicial.appendChild(item_nuevo); // añadimos el item a la lista +}; + +agregarItem("Guiso de lentejas"); +agregarItem("Milanesa napolitana"); +agregarItem("Medialunas"); -- 2.49.1 From 961faac3189de7a1a8ef16e14c24d29a7eea5fd8 Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 17:22:28 -0300 Subject: [PATCH 5/9] ejercicio4 --- ejercicios-clase-8.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 259b521..11656a4 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -22,3 +22,12 @@ function agregarItem(contenido){ agregarItem("Guiso de lentejas"); agregarItem("Milanesa napolitana"); agregarItem("Medialunas"); + +//ejercicio4 +let parrafosImportantes = document.querySelectorAll("#parrafos > p"); +for (let parrafo of parrafosImportantes){ + if (parrafo.textContent.includes("importante")){ + parrafo.classList.add("destacado") + } +}; + -- 2.49.1 From 8c7fbcf934f0c8f3b17119af0bfc71e1a01994b5 Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 18:09:32 -0300 Subject: [PATCH 6/9] ejercicio5 --- ejercicios-clase-8.js | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 11656a4..8ff78b1 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -31,3 +31,27 @@ for (let parrafo of parrafosImportantes){ } }; +//ejercicio5 +let divComidas = document.querySelector(".grupo-comidas"); //almacenamos en esta variable el div padre al que se anexara todo lo creado a continuacion + +let divLitoral = document.createElement("div"); //creamos las etiquetas html para "div" , "ul" , "h2" , "li" y "p" +let nuevoSubtitulo = document.createElement("h2"); +let parrafoIntroductorio = document.createElement("p") +let lista_litoral = document.createElement("ul"); +let itemUno = document.createElement("li") +let itemDos = document.createElement("li") +let itemTres = document.createElement("li") + +nuevoSubtitulo.textContent = "comidas del litoral"; // llenamos de texto las etiquetas que van a mostrarlo mediante textcontent +parrafoIntroductorio.textContent = "La region litoral comprende 6 provincias del centro y noreste argentino, donde gastronomicamente destaca mucho la presencia del pescado de rio y se incorpora a las demas comidas nacionales" +itemUno.textContent = "Pescados a la parrilla"; +itemDos.textContent = "Empanadas de pescado"; +itemTres.textContent = "Milanesa de merluza"; + +divComidas.appendChild(divLitoral); // anexamos los elementos creados previamente a sus respectivas etiquetas "padre" +divLitoral.appendChild(nuevoSubtitulo); +divLitoral.appendChild(parrafoIntroductorio); +divLitoral.appendChild(lista_litoral); +lista_litoral.appendChild(itemUno); +lista_litoral.appendChild(itemDos); +lista_litoral.appendChild(itemTres); \ No newline at end of file -- 2.49.1 From db6c052d856f0c0d380971bd26c652e9b85878de Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 19:41:51 -0300 Subject: [PATCH 7/9] ejercicio6 --- ejercicios-clase-8.js | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 8ff78b1..92dba88 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -6,7 +6,7 @@ titulo.textContent = "Comida Rioplatense"; function agregarClaseAItems(etiqueta){ //la funcion debe recibir como parametro la etiqueta html a la cual se le quiere agregar la clase array_li = document.querySelectorAll(etiqueta); //lista con los items que tengan dicha etiqueta for(let item of array_li){ - item.classList.add("item-lista"); //agregamos a cada item la clase "item-lista" + item.classList.add(`item-lista`); //agregamos a cada item la clase "item-lista" }}; agregarClaseAItems("li"); //ejecutamos la funcion con la etiqueta HTML como parametro @@ -54,4 +54,19 @@ divLitoral.appendChild(parrafoIntroductorio); divLitoral.appendChild(lista_litoral); lista_litoral.appendChild(itemUno); lista_litoral.appendChild(itemDos); -lista_litoral.appendChild(itemTres); \ No newline at end of file +lista_litoral.appendChild(itemTres); + +//6. Crear una función `limpiarLista` que reciba por parámetro el id de una lista, +// y que elimine todos los `
  • ` de esa lista. Llamarla sobre la lista del +// ejercicio 2. Pista: `querySelectorAll` + `for...of` + `remove`. Probarla +// utilizando las devtools, tanto con la lista original de la página como con la +// lista agregada en el ejercicio anterior. + +function limpiarLista (idlista){ + itemsLista = document.querySelectorAll(`#${idlista} > li` ); // hacemos un array con todos los "li" dentro de la lista con el id del parametro + for(li of itemsLista){ // iteramos dentro de la lista y aplicamos el li.remove() a cada "li" + li.remove(); + } +} + +limpiarLista("lista-inicial") \ No newline at end of file -- 2.49.1 From 25542c5999ed6480c62cf9a4f386f5a61ca22282 Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 19:57:30 -0300 Subject: [PATCH 8/9] ejercicio7 --- ejercicios-clase-8.js | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 92dba88..e207fb0 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -69,4 +69,10 @@ function limpiarLista (idlista){ } } -limpiarLista("lista-inicial") \ No newline at end of file +limpiarLista("lista-inicial") + +// 7.Escribir el código que cambie el `src` de la imagen a `"foto2.jpg"` y el `alt` a `"Locro"`. + +let fotoEmpanadasUno = document.querySelector("#foto"); +fotoEmpanadasUno.setAttribute("src", "foto2.jpg"); +fotoEmpanadasUno.setAttribute("alt", "Locro"); \ No newline at end of file -- 2.49.1 From a199656b3131e3d847f7ba3b945b6dade9912c2c Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 22:52:29 -0300 Subject: [PATCH 9/9] ejercicio8 --- ejercicios-clase-8.js | 42 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index e207fb0..aca6cfe 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -75,4 +75,44 @@ limpiarLista("lista-inicial") let fotoEmpanadasUno = document.querySelector("#foto"); fotoEmpanadasUno.setAttribute("src", "foto2.jpg"); -fotoEmpanadasUno.setAttribute("alt", "Locro"); \ No newline at end of file +fotoEmpanadasUno.setAttribute("alt", "Locro"); + + +// 8. Crear una función `construirLista` que reciba un array de strings y +// construya dinámicamente y retorne un `div` con que contenga un título y una +// lista `
      `, con un `
    • ` por cada elemento del array. Agregar esta lista a +// la página desde las devtools. + +// ```js +// construirLista(["Comidas mendocinas", "Sopaipilla", "Vino tinto"]); +// // Debe generar y retornar: +// //
      +// //

      Comidas mendocinas

      +// //
        +// //
      • Sopaipilla
        • +// //
      • Vino tinto
        • +// //
      +// //
      +// ``` + +function construirLista(array){ + + let contenedor = document.querySelector(".grupo-comidas") + let divMendoza = document.createElement("div"); // creamos las etiquetas necesarias para la funcion menos la de "li", ya que + let titulo = document.createElement("h2"); // estas van a depender de la cantidad de elementos en el array. + let lista = document.createElement("ul"); + + for(let i=1; i < array.length; i++ ){ //empezamos la variable i en 1 en vez de 0 porque el primer elemento del array no hay que tenerlo en cuenta para la creacion de items + let nuevoLi = document.createElement("li"); // en este for creamos el "li", + nuevoLi.textContent = array[i]; // le damos el texto usando el index del array + lista.appendChild(nuevoLi); // y lo anexamos a la lista + + titulo.textContent = array[0]; // llenamos el titulo con el primer elemento del array + + contenedor.appendChild(divMendoza); // anexamos las etiquetas html a sus "padres" + divMendoza.appendChild(titulo); + divMendoza.appendChild(lista) + +}} + +construirLista(["comidas mendocinas", "Sopaipilla", "Vino tinto"]); \ No newline at end of file -- 2.49.1