1
resposta

[Projeto] Desafio AluGames

eu já fiz diferente, recuperei os elementos através de ElementChild.

const alterarStatus = (num) => {
    const divCorrespondente = document.getElementById(`game-${num}`);
    console.log(divCorrespondente.children)
    const button = divCorrespondente.lastElementChild;
    const divImg = divCorrespondente.firstElementChild;

    if(button.classList.contains("dashboard__item__button--return")) {
        button.classList.remove("dashboard__item__button--return");
        divImg.classList.remove("dashboard__item__img--rented");
        button.innerHTML = "Alugar";
    } else {
        button.classList.add("dashboard__item__button--return");
        divImg.classList.add("dashboard__item__img--rented");
        button.innerHTML = "Devolver";
    }
}
1 resposta

Oii, Bruno!

Obrigada por compartilhar seu código com a comunidade Alura.

A sua abordagem usando firstElementChild e lastElementChild tá funcionando bem pra acessar os elementos desejados na estrutura da div. É uma forma limpa de navegar pelos nós do DOM sem depender de querySelector.

Continue firme nos estudos.

Conteúdos relacionados
Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!