1
resposta

Minha solução JS AluGames

function alterarStatus(id) {
    // Seleciona o jogo pelo id
    let gameItem = document.getElementById(`game-${id}`);

    // Pega a div da imagem e o botão
    let imgDiv = gameItem.querySelector(".dashboard__item__img");
    let button = gameItem.querySelector(".dashboard__item__button");

    // Verifica se está alugado (classe "rented" presente)
    let isRented = imgDiv.classList.contains("dashboard__item__img--rented");

    if (isRented) {
        // Se já está alugado → devolve
        imgDiv.classList.remove("dashboard__item__img--rented");
        button.textContent = "Alugar";
        button.classList.remove("dashboard__item__button--return");
    } else {
        // Se está disponível → aluga
        imgDiv.classList.add("dashboard__item__img--rented");
        button.textContent = "Devolver";
        button.classList.add("dashboard__item__button--return");
    }
}

Simples mais funcional
tonei a liberdade de ajustar o css pra colocar o botão em vermelho quando estiver para devolver

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Olá, Paulo! Como vai?

Parabéns pela resolução da atividade!

Observei que você explorou o uso de manipulação de classes com classList para alterar dinamicamente o estado visual do item, utilizou muito bem o acesso ao DOM com querySelector e getElementById para selecionar elementos específicos e ainda compreendeu a importância do controle de estado lógico com if/else para garantir uma experiência interativa e intuitiva ao usuário.

Permaneça postando as suas soluções, com certeza isso ajudará outros estudantes e tem grande relevância para o fórum.

Ícone de sugestão Para saber mais:

Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

AluraConte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!