forked from marquez.juan/clase-8-DOM
Compare commits
2 Commits
84464db1b1
...
8c7fbcf934
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8c7fbcf934 | ||
|
|
961faac318 |
@@ -22,3 +22,36 @@ function agregarItem(contenido){
|
|||||||
agregarItem("Guiso de lentejas");
|
agregarItem("Guiso de lentejas");
|
||||||
agregarItem("Milanesa napolitana");
|
agregarItem("Milanesa napolitana");
|
||||||
agregarItem("Medialunas");
|
agregarItem("Medialunas");
|
||||||
|
|
||||||
|
//ejercicio4
|
||||||
|
let parrafosImportantes = document.querySelectorAll("#parrafos > p");
|
||||||
|
for (let parrafo of parrafosImportantes){
|
||||||
|
if (parrafo.textContent.includes("importante")){
|
||||||
|
parrafo.classList.add("destacado")
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
//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);
|
||||||
Reference in New Issue
Block a user