67 lines
1.6 KiB
JavaScript
67 lines
1.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
|