1
resposta

desafio 2 Imprimir a informação de quantos jogos foram alugados

Olá pessoal! realizei o processo do desafio dois, mas tanto na minha solução quanto no código da Alura, não entendi o que realmente deveria fazer, na minha pecepção deveria imprimir na tela (console. log ) a informação de quantos jogos estão alugados, no entanto, isso não ocorre nem mesmo com a cópia do código da Alura. Segue o código da solução:

let jogosAlugados = 0;


function contarEExibirJogosAlugados() {
    console.log(`Total de jogos alugados: ${jogosAlugados}`);
}


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


    if (imagem.classList.contains('dashboard__item__img--rented')) {
        imagem.classList.remove('dashboard__item__img--rented');
        botao.classList.remove('dashboard__item__button--return');
        botao.textContent = 'Alugar';
        jogosAlugados--;
    } else {
        imagem.classList.add('dashboard__item__img--rented');
        botao.classList.add('dashboard__item__button--return');
        botao.textContent = 'Devolver';
        jogosAlugados++;
    }


    contarEExibirJogosAlugados();
}


// Inicializa a contagem considerando que os jogos já começam alugados
document.addEventListener('DOMContentLoaded', function() {
    jogosAlugados = document.querySelectorAll('.dashboard__item__img--rented').length;
    contarEExibirJogosAlugados();
});

O que preciso corrigir para apresentar essa informação da qtd alugada ?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi, Cibele! Tudo bem?

O código enviado é de fato o correto para imprimir no console a quantidade de jogos alugados, porém o console.log não exibe essas informações na tela e sim no console.

Porém, para conseguirmos visualizar o console com as informações no navegador devemos abrir o console do navegador, como o Chrome, por exemplo, o que conseguimos fazer pressionando Ctrl + Shift + J (para Windows/Linux) ou Cmd + Option + J (para Mac).

Mas caso esse atalho não funcione podemos também clicar com o botão direito na página e selecionar a opção "Inspecionar", após isso, na ferramenta que abrir, devemos clicar na aba "Console" e pronto! O console está aberto e pronto para uso.

Lembre-se também de atualizar o código, pois caso tenha feito alterações no código, é necessário atualizar a página (F5) para garantir que o navegador esteja executando a versão mais recente. Mas antes disso, não podemos esquecer de deixar o nosso código salvo na IDE que estivermos utilizando.

Espero ter ajudado!

Um forte abraço e bons estudos!