77 lines
1.9 KiB
JavaScript
77 lines
1.9 KiB
JavaScript
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
|
function cambiarTitulo() {
|
|
const titulo = document.querySelector("h1");
|
|
titulo.textContent = "Agua";
|
|
}
|
|
|
|
function agregarClaseItems() {
|
|
const items = document.querySelectorAll("li");
|
|
|
|
for (const item of items) {
|
|
item.classList.add("item-lista");
|
|
}
|
|
}
|
|
|
|
function agregarItem(texto) {
|
|
const lista = document.querySelector("#lista-inicial");
|
|
|
|
const nuevaLista = document.createElement("li");
|
|
nuevaLista.textContent = texto;
|
|
|
|
lista.appendChild(nuevaLista);
|
|
}
|
|
|
|
const parrafos = document.querySelectorAll("#parrafos p");
|
|
|
|
for (const p of parrafos) {
|
|
|
|
if (p.textContent.includes("importante")) {
|
|
p.classList.add("destacado");
|
|
}
|
|
|
|
}
|
|
|
|
function agregarDiv() {
|
|
const nuevoDiv = document.createElement("div");
|
|
|
|
const nuevoh2 = document.createElement("h2");
|
|
nuevoh2.textContent = "Comidas tipicas de la region del litoral";
|
|
|
|
const pintroductorio = document.createElement("p");
|
|
pintroductorio.textContent = "Estas son algunas comidas tradicionales de la región del litoral argentino.";
|
|
|
|
const nuevoul = document.createElement("ul");
|
|
|
|
const comida1 = document.createElement("li");
|
|
comida1.textContent = "Chipa";
|
|
|
|
const comida2 = document.createElement("li");
|
|
comida2.textContent = "Pescado";
|
|
|
|
const comida3 = document.createElement("li");
|
|
comida3.textContent = "Sopa paraguaya";
|
|
|
|
nuevoul.appendChild(comida1);
|
|
nuevoul.appendChild(comida2);
|
|
nuevoul.appendChild(comida3);
|
|
|
|
nuevoDiv.appendChild(nuevoh2);
|
|
nuevoDiv.appendChild(pintroductorio);
|
|
nuevoDiv.appendChild(nuevoul);
|
|
|
|
document.body.appendChild(nuevoDiv);
|
|
}
|
|
|
|
function limpiarLista(idLista) {
|
|
const items = document.querySelectorAll(`#${idLista} li`);
|
|
|
|
for (const li of items) {
|
|
li.remove();
|
|
}
|
|
|
|
}
|
|
|
|
const foto = document.querySelector("#foto");
|
|
|
|
foto.src = "foto2.jpg";
|
|
foto.alt = "Locro"; |