forked from marquez.juan/clase-8-DOM
Compare commits
2 Commits
0d5a1d045c
...
9e2442d6c8
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
9e2442d6c8 | ||
|
|
63f22a7dbc |
@@ -28,4 +28,50 @@ function agregarItem(comidas) {
|
||||
const nuevoItem = document.createElement("li");
|
||||
nuevoItem.textContent = comidas;
|
||||
lista.appendChild(nuevoItem);
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Ejercicio 4 de la clase 8.
|
||||
|
||||
function destacarParrafos() {
|
||||
const selecparrafos = document.querySelectorAll("#parrafos p");
|
||||
|
||||
for (const parrafo of selecparrafos) {
|
||||
if (parrafo.textContent.includes("importante")) {
|
||||
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