Entrar Ainda não tem acesso?
1
resposta

[Projeto] Desafios 1 e 2 dentro do projeto Alugames

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto AluGames e atividade Desafio: hora da prática

por Mike Guilherme
| 7.8k xp | 7 posts
let contabilizarAlugados = 0;

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

    let estaAlugado = imagem.classList.contains('dashboard__item__img--rented');

    if (estaAlugado) {
        let confirmação = confirm("Você confirma a devolução do jogo?");
        if (!confirmação) return;
    } else {
        contabilizarAlugados++
    }

    imagem.classList.toggle('dashboard__item__img--rented');
    botao.classList.toggle('dashboard__item__button--return');

    if (imagem.classList.contains('dashboard__item__img--rented')) {
        botao.textContent = 'Devolver';
    } else {
        botao.textContent = 'Alugar';
    }

    console.log("Total de jogos alugados: " + contabilizarAlugados);

}
1 resposta
por Daniel Nogueira
| 2405.1k xp | 5330 posts
Alura Scuba Team Analista de Suporte Educacional

Olá, Mike! Como vai?

Parabéns pela resolução da atividade!

Observei que você explorou o uso de manipulação de elementos no DOM para alterar o status dos jogos com JavaScript, utilizou muito bem o classList.toggle para controlar as classes dinamicamente e ainda compreendeu a importância de atualizar o texto do botão conforme o estado do jogo.

Continue 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!

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA