1
resposta

Resolução com validação WHILE

function alterarStatus(id) {
    let gameClicado = document.getElementById(`game-${id}`);
    let imagem = gameClicado.querySelector('.dashboard__item__img');
    let botao = gameClicado.querySelector('.dashboard__item__button');

    if(imagem.classList.contains('dashboard__item__img--rented')) {
        let confirmacao ='';

        do{

            confirmacao = prompt('Deseja devolver o jogo? Aperta 1 para SIM e 2 para Não.') 

        } while(confirmacao < 1 || confirmacao > 2 || isNaN(confirmacao));

        if(confirmacao === 1){

        imagem.classList.remove('dashboard__item__img--rented');
        botao.classList.remove('dashboard__item__button--return');
        botao.textContent = 'Alugar';

        }else{

            alert('Aproveite o jogo.');

        };
        

    }else{
       
        
        imagem.classList.add('dashboard__item__img--rented');
        botao.classList.add('dashboard__item__button--return');
        botao.textContent = 'Devolver';

        
    };
};
1 resposta

Olá, Bruno! Como vai?

Parabéns pela resolução da atividade!

Observei que você explorou o uso de manipulação do DOM para alterar dinamicamente os elementos da interface, utilizou muito bem estruturas condicionais para controlar o fluxo da lógica e ainda compreendeu a importância da interação com o usuário por meio de prompts e alerts.

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

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!