Ejercicio 4

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 <li> 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");
+    }
+}