diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index b495ff7..8f91f64 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -1,5 +1,7 @@ // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios. +//EJERCICIO 1 + function cambiarPrimerTitulo() { // 1. Selecciono el primer h1 de la página usando querySelector const titulo = document.querySelector("h1"); @@ -17,6 +19,8 @@ function cambiarPrimerTitulo() { //Verificar llamando a la funcion en consola //cambiarPrimerTitulo() +//EJERCICIO 2 + function aplicarEstiloALista() { // 1. Selecciono todos los elementos
  • de la página const items = document.querySelectorAll("li"); @@ -33,6 +37,8 @@ function aplicarEstiloALista() { //aplicarEstiloALista() +//EJERCICIO 3 + function agregarItem(texto) { // 1. Selecciono la lista usando su id (#lista-inicial) const lista = document.querySelector("#lista-inicial"); @@ -53,3 +59,18 @@ function agregarItem(texto) { //Verificar llamando a la funcion en consola //agregarItem("Chinchulines") + +//EJERCICIO 4 + +// 1. Selecciono todos los párrafos que son descendientes del div con id "parrafos" +const parrafos = document.querySelectorAll("#parrafos p"); + +// 2. Recorro la lista de elementos +for (const p of parrafos) { + // 3. Verifico si el texto del párrafo incluye la palabra "importante" + // Usamos el método .includes() de los strings de JavaScript + if (p.textContent.includes("importante")) { + // 4. Si la contiene, agregamos la clase "destacado" sin pisar las existentes + p.classList.add("destacado"); + } +}