From 7fdf5924dcba3dacdd34e540772bbd48d02802f5 Mon Sep 17 00:00:00 2001 From: Bruno Dalessandro Date: Thu, 21 May 2026 22:45:32 -0300 Subject: [PATCH] Ejercicio 5 --- ejercicios-clase-8.js | 44 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 570c080..6cf9039 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -75,3 +75,47 @@ function addPalabra () { } } } + +// Ejercicio 5 +/* +Crear una función que agregue un nuevo div a la página, que incluya comidas típicas de la región del litoral. +Este div debe incluir un h2, un párrafo introductorio y una lista de comidas típicas. +Probarla utilizando las devtools. + +* Al ejercicio le agregue que el nuevo div y la nueva lista tengan el mismo estilo que lo otros. +*/ + +function addLitoral() { + + let comidasLitoral = document.createElement("div"); + comidasLitoral.classList.add("grupo-comidas"); + + let titulo = document.createElement("h2"); + titulo.textContent = "Comidas típicas de la region del litoral"; + + let parrafoLitoral = document.createElement("p"); + parrafoLitoral.textContent = "La región del litoral cuenta con comidas tradicionales muy populares."; + + let lista = document.createElement("ul"); + + lista.classList.add("lista-comidas"); + + let comida1 = document.createElement("li"); + comida1.textContent = "Chipá"; + + let comida2 = document.createElement("li"); + comida2.textContent = "Pacú asado"; + + let comida3 = document.createElement("li"); + comida3.textContent = "Mbejú"; + + lista.appendChild(comida1); + lista.appendChild(comida2); + lista.appendChild(comida3); + + comidasLitoral.appendChild(titulo); + comidasLitoral.appendChild(parrafoLitoral); + comidasLitoral.appendChild(lista); + + document.body.appendChild(comidasLitoral); +} \ No newline at end of file