forked from marquez.juan/clase-8-DOM
Compare commits
3 Commits
9e2442d6c8
...
DOM
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
24ae861fb5 | ||
|
|
d5d3fc9d7c | ||
|
|
242112f996 |
@@ -60,6 +60,7 @@ function crearNuevoDiv() {
|
|||||||
|
|
||||||
const lista = document.createElement("ul");
|
const lista = document.createElement("ul");
|
||||||
lista.classList.add("lista-comidas")
|
lista.classList.add("lista-comidas")
|
||||||
|
lista.id = "lista-litoral";
|
||||||
|
|
||||||
const comidas = ["Chipá", "Surubí", "Salmón", "Rabas"];
|
const comidas = ["Chipá", "Surubí", "Salmón", "Rabas"];
|
||||||
|
|
||||||
@@ -74,4 +75,57 @@ function crearNuevoDiv() {
|
|||||||
div.appendChild(lista);
|
div.appendChild(lista);
|
||||||
|
|
||||||
document.body.appendChild(div);
|
document.body.appendChild(div);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//Ejercicio 6 de la clase 8.
|
||||||
|
|
||||||
|
function limpiarLista(idLista) {
|
||||||
|
const borrarItem = document.querySelectorAll(`#${idLista} li`);
|
||||||
|
|
||||||
|
for (const borrarItems of borrarItem) {
|
||||||
|
borrarItems.remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//Ejercicio 7 de la clase 8.
|
||||||
|
|
||||||
|
function atribImagen() {
|
||||||
|
const imagen = document.querySelector("#foto");
|
||||||
|
|
||||||
|
imagen.setAttribute("src", "foto2.jpg");
|
||||||
|
imagen.setAttribute("alt", "Locro");
|
||||||
|
console.log(imagen.getAttribute("src"));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//Ejercicio 8 de la clase 8.
|
||||||
|
|
||||||
|
function construirLista(arrayComidas) {
|
||||||
|
const div2 = document.createElement("div");
|
||||||
|
div2.classList.add("grupo-comidas");
|
||||||
|
|
||||||
|
const titulo2 = document.createElement("h2");
|
||||||
|
titulo2.textContent = "Comidas mendocinas";
|
||||||
|
|
||||||
|
const lista2 = document.createElement("ul");
|
||||||
|
lista2.classList.add("lista-comidas");
|
||||||
|
|
||||||
|
for (const comida of arrayComidas) {
|
||||||
|
const elementLista = document.createElement("li");
|
||||||
|
elementLista.textContent = comida;
|
||||||
|
lista2.appendChild(elementLista);
|
||||||
|
}
|
||||||
|
|
||||||
|
div2.appendChild(titulo2);
|
||||||
|
div2.appendChild(lista2);
|
||||||
|
|
||||||
|
document.body.appendChild(div2);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user