forked from marquez.juan/clase-8-DOM
56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
|
//ejercicio 1
|
|
const titulo = document.querySelector("h1");
|
|
function cambiarTitulo(titulo) {
|
|
titulo.textContent = "Comidas clásicas/típicas de Argentina";
|
|
return(titulo)
|
|
}
|
|
|
|
//ejercicio 2
|
|
const item = document.querySelectorAll("ul li");
|
|
for (const i of item) {
|
|
console.log(i.textContent);
|
|
}
|
|
|
|
|
|
function itemLista() {
|
|
const item = document.querySelectorAll("ul li");
|
|
for (const i of item) {
|
|
i.classList.add("item-lista");
|
|
}
|
|
}
|
|
|
|
//ejercicio 3
|
|
const lista = document.querySelector("#lista-inicial");
|
|
|
|
function agregarItem(texto) {
|
|
const nuevoElemento = document.createElement("li");
|
|
nuevoElemento.textContent = texto;
|
|
lista.appendChild(nuevoElemento);
|
|
}
|
|
|
|
//ejercicio 4
|
|
const parrafos = document.querySelectorAll("#parrafos p");
|
|
parrafos.forEach(p => {
|
|
if (p.textContent.includes("importante")) {
|
|
p.classList.add("destacado");
|
|
}
|
|
});
|
|
|
|
//ejercicio 5;
|
|
function nuevoDiv() {
|
|
const div = document.createElement("div")
|
|
const h2 = document.createElement("h2");
|
|
h2.textContent = "Comidas tipicas de la region del litoral";
|
|
div.appendChild(h2);
|
|
const p = document.createElement("p");
|
|
p.textContent = "Algunas de las comidas mas tipicas del litoral pueden ser: ";
|
|
div.appendChild(p);
|
|
const listaLitoral = document.createElement("ul");
|
|
const item1 = document.createElement("li");
|
|
item1.textContent = "Mbejú";
|
|
listaLitoral.appendChild(item1);
|
|
const item2 =
|
|
listaLitoral.textContent = ["Mbejú, Chipa guazu, Sopa paraguaya, Vori Vori"]
|
|
div.appendChild(listaLitoral);
|
|
} |