1
resposta

DESAFIO 1 E 2

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();
}


document.addEventListener('DOMContentLoaded', function() {
    jogosAlugados = document.querySelectorAll('.dashboard__item__img--rented').length;
    contarEExibirJogosAlugados();
});

function ordenarNumeros(a, b, c) {
    const numerosOrdenados = [a, b, c].sort((x, y) => x - y);
    console.log(`Números ordenados: ${numerosOrdenados.join(', ')}`);
}
1 resposta

Oi, Gabriela! Como vai?

Agradeço por compartilhar.

Gostei da sua análise e da forma como você organizou a lógica para controlar os jogos alugados, importante notar o uso do DOMContentLoaded para iniciar o contador corretamente e a separação das funções, o que deixa o código mais claro e fácil de manter.

Continue explorando essa organização, ela ajuda muito a evitar confusão conforme o projeto cresce.

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