1
resposta

[Sugestão] Minha versão do código da Atividades 2

Em resumo, ao invés de usar a função, eu peguei todos os Elementos com querySelectorAll e usando o forEach fiz o mesmo processo que mostraram na aula

const itens = document.querySelectorAll(".dashboard__items__item");
itens.forEach((item) => {
  const img = item.querySelector(".dashboard__item__img");
  const btn = item.querySelector(".dashboard__item__button");
  btn.addEventListener("click", () => {
    if (btn.classList.contains("dashboard__item__button--return")) {
      btn.classList.remove("dashboard__item__button--return");
      btn.textContent = "Alugar";
      img.classList.remove("dashboard__item__img--rented");
    } else {
      btn.classList.add("dashboard__item__button--return");
      btn.textContent = "Devolver";
      img.classList.add("dashboard__item__img--rented");
    }
  });
});
1 resposta

Olá Nícolas! Tudo bem?

Que bacana ver você experimentando e criando sua própria versão do código! Usar querySelectorAll junto com forEach é uma abordagem muito prática e bastante utilizada para manipular múltiplos elementos no DOM de forma eficiente.

Continue explorando e testando diferentes abordagens, pois isso irá enriquecer ainda mais seu aprendizado em programação.

Bons estudos!