clase-8-DOM/ejercicios-clase-8.js

// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.

console.log("JS conectado");

// 1
function cambiarTitulo() {
  const titulo = document.querySelector("h1");

  titulo.textContent = "Nuevo título desde JavaScript";
}
// 2

function destacarComidas() {
  const comidas = document.querySelectorAll("li");

  for (const comida of comidas) {
    comida.style.color = "red";
  }
}
// 3

function agregarItem(texto) {
  const lista = document.querySelector("#lista-inicial");

  const nuevoItem = document.createElement("li");

  nuevoItem.textContent = texto;

  lista.appendChild(nuevoItem);
}
// 4

function destacarParrafos() {
  const parrafos = document.querySelectorAll("#parrafos p");

  for (const parrafo of parrafos) {
    if (parrafo.textContent.includes("importante")) {
      parrafo.classList.add("destacado");
    }
  }
}