107 lines
2.6 KiB
JavaScript
107 lines
2.6 KiB
JavaScript
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
|
|
|
function cambiarH1(){
|
|
const titulo = document.querySelector("h1");
|
|
console.log(titulo.textContent);
|
|
titulo.textContent = "Comidas mas consumidas por argentinos";
|
|
}
|
|
|
|
cambiarH1(); // Ejercicio 1
|
|
|
|
|
|
function claseLi(){
|
|
const agregarClase = document.querySelectorAll("li");
|
|
for(const lista of agregarClase){
|
|
lista.classList.add("item-lista");
|
|
}
|
|
|
|
}
|
|
|
|
claseLi(); //Ejercicio 2
|
|
|
|
|
|
function agregarItem(texto){
|
|
const lista1 = document.querySelector("#lista-inicial");
|
|
const agregarItemNuevo = document.createElement("li");
|
|
agregarItemNuevo.textContent = texto;
|
|
lista1.append(agregarItemNuevo);
|
|
}
|
|
|
|
agregarItem("ejemplo1");
|
|
agregarItem("ejemplo2");
|
|
agregarItem("ejemplo3"); //Ejercicio 3
|
|
|
|
|
|
|
|
const p1 = document.querySelectorAll("#parrafos p");
|
|
for(const parrafo of p1){
|
|
if(parrafo.textContent.includes("importante")){
|
|
parrafo.classList.add("destacado");
|
|
}
|
|
} //Ejercicio 4
|
|
|
|
function agregarDiv(){
|
|
const nuevoDiv = document.createElement("div");
|
|
const tituloH2 = document.createElement("h2");
|
|
const nuevoP = document.createElement("p");
|
|
const listaParaComida = document.createElement("ul");
|
|
const nuevaComida = document.createElement("li");
|
|
|
|
nuevaComida.textContent = "Pescado de rio, Mandioca y Maiz";
|
|
listaParaComida.append(nuevaComida);
|
|
|
|
tituloH2.textContent = "Comida del litoral";
|
|
nuevoDiv.append(tituloH2);
|
|
|
|
nuevoP.textContent = "Esta es una introduccion a la comida TIPICA del litoral";
|
|
nuevoDiv.append(nuevoP);
|
|
|
|
|
|
nuevoDiv.append(listaParaComida);
|
|
|
|
const conectarAlHTML = document.querySelector("body");
|
|
conectarAlHTML.appendChild(nuevoDiv);
|
|
|
|
|
|
} //Ejercicio 5
|
|
|
|
|
|
function limpiarLista(id){
|
|
const listaBuscar = document.querySelector("#lista-inicial");
|
|
const contenidoaBorrar = listaBuscar.querySelectorAll("li");
|
|
for(const borrar of contenidoaBorrar){
|
|
borrar.remove();
|
|
}
|
|
} //Ejercicio 6
|
|
|
|
|
|
const cambiarALocro = document.querySelector("#foto");
|
|
console.log(cambiarALocro.getAttribute("src"));
|
|
cambiarALocro.setAttribute("src", "foto2.jpg");
|
|
cambiarALocro.setAttribute("alt", "locro"); //Ejercicio 7
|
|
|
|
|
|
function construirLista(listaDeComidas){
|
|
const divParaComida = document.createElement("div");
|
|
divParaComida.classList.add("grupo-comidas");
|
|
|
|
const tituloParaComida = document.createElement("h2");
|
|
const listaParaComida = document.createElement("ul");
|
|
|
|
divParaComida.append(tituloParaComida);
|
|
divParaComida.append(listaParaComida);
|
|
|
|
|
|
for(const comidas of listaDeComidas){
|
|
const liParaComida = document.createElement("li");
|
|
liParaComida.textContent = comidas;
|
|
|
|
listaParaComida.append(liParaComida);
|
|
}
|
|
|
|
|
|
|
|
tituloParaComida.textContent = "Comidas Mendocinas"
|
|
return divParaComida;
|
|
|
|
}//Ejercicio 8
|