forked from marquez.juan/clase-8-DOM
37 lines
921 B
JavaScript
37 lines
921 B
JavaScript
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
|
|
|
// Ejercicio 1
|
|
/*
|
|
|
|
Crear una función que seleccione el primer <h1> de la página y cambie su texto a otro mensaje.
|
|
Verificar el resultado en el navegador invocando a la función desde las devtools.
|
|
|
|
*/
|
|
|
|
function cambiarTitulo () {
|
|
|
|
let titulo = document.querySelector("h1");
|
|
|
|
titulo.textContent = ("Las mejores comidas de Argentina");
|
|
|
|
}
|
|
|
|
// Ejercicio 2
|
|
|
|
/*
|
|
Crear otra función que, usando querySelectorAll y for...of, agregue la clase item-lista a cada uno de los items de la lista.
|
|
Verificar el resultado en el navegador invocando a la función desde las devtools.
|
|
Debería observarse un cambio de estilo, intenten explicarse por qué sucede esto.
|
|
|
|
*/
|
|
|
|
function agregarClaseLista () {
|
|
|
|
let items = document.querySelectorAll("li");
|
|
|
|
for (let item of items) {
|
|
item.classList.add("item-lista");
|
|
}
|
|
}
|
|
|