1
resposta

Desafio - Hora da Pratica - ex.2

let JogosAlugados = 0;
function contarAlugados() {
 return document.querySelectorAll('.dashboard__item__img--rented').length;
}

function imprimirAlugueis() {
    console.log('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');

//alert(nomeJogo.textContent);

// Adiciona uma confirmação antes de devolver o jogo  
    

if (imagem.classList.contains('dashboard__item__img--rented')) {
    let confirmaDevolucao = prompt("Você quer devolver o Jogo? Digite 1 para confirmar ou 0 para cancelar:");

    if (confirmaDevolucao == "1") {
    // devolvendo o jogo
        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++;
    }

    jogosAlugados = contarAlugados();
    imprimirAlugueis();

}

// Inicializa a contagem considerando que os jogos já começam alugados
document.addEventListener('DOMContentLoaded', function () {
    jogosAlugados = contarAlugados();
    imprimirAlugueis();
  });

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

Oi, Zilda! Como vai?

Gostei de ver como você organizou as funções para contar e exibir os jogos alugados. Isso mostra um bom domínio de funções e manipulação do DOM. Apenas atenção à diferença entre JogosAlugados e jogosAlugados, já que o JavaScript diferencia letras maiúsculas e minúsculas — isso pode causar erros sutis.

Uma dica interessante para o futuro é usar template strings para deixar o código mais legível.
Veja este exemplo:


let nome = "Zelda";
console.log(`O jogo ${nome} foi alugado.`);

Esse formato usa crases e permite inserir variáveis dentro de uma string de forma mais clara.

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