Clase DOM #12

Open
routaboul.romeo wants to merge 9 commits from routaboul.romeo/clase-8-DOM:rama-b into main
Showing only changes of commit 8c7fbcf934 - Show all commits

View File

@@ -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);