forked from marquez.juan/clase-8-DOM
Agrego ejercicio 5 de la clase 8
This commit is contained in:
@@ -42,4 +42,36 @@ function destacarParrafos() {
|
|||||||
parrafo.classList.add("destacado");
|
parrafo.classList.add("destacado");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//Ejercicio 5 de la clase 8.
|
||||||
|
|
||||||
|
function crearNuevoDiv() {
|
||||||
|
const div = document.createElement("div");
|
||||||
|
div.classList.add("grupo-comidas");
|
||||||
|
|
||||||
|
const titulo = document.createElement("h2");
|
||||||
|
titulo.textContent = "Comidas típicas del litoral";
|
||||||
|
|
||||||
|
const parrafo = document.createElement("p");
|
||||||
|
parrafo.textContent = "Algunas comidas tradicionales de la región litoral.";
|
||||||
|
|
||||||
|
const lista = document.createElement("ul");
|
||||||
|
lista.classList.add("lista-comidas")
|
||||||
|
|
||||||
|
const comidas = ["Chipá", "Surubí", "Salmón", "Rabas"];
|
||||||
|
|
||||||
|
for (const comida of comidas) {
|
||||||
|
const elementosLista = document.createElement("li");
|
||||||
|
elementosLista.textContent = comida;
|
||||||
|
lista.appendChild(elementosLista);
|
||||||
|
}
|
||||||
|
|
||||||
|
div.appendChild(titulo);
|
||||||
|
div.appendChild(parrafo);
|
||||||
|
div.appendChild(lista);
|
||||||
|
|
||||||
|
document.body.appendChild(div);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user