Postarei aqui no fórum posteriormente os desafios 3 e 4;
- Verificação de confirmação em caso de devolução.
- Verificação de quantidade alugada.
Observação:
Não modifiquei o código fonte HTML que já inicializa no LiveServer com 1 jogo alugado. Sendo assim, implementei as funções respeitando o que já veio pronto.
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')) {
imagem.classList.remove('dashboard__item__img--rented');
botao.classList.remove('dashboard__item__button--return');
botao.textContent = 'Alugar';
jogosalugados --
jogosAlugados();
//No projeto Alugames, uma confirmação ao devolver um jogo,
// solicitando ao usuário que confirme a devolução antes que ela seja concluída.
// Isso pode ajudar a evitar devoluções acidentais
let confirmação = prompt('Deseja devolver o jogo? SIM - digite 1; Não - digite qualquer outro número')
if(confirmação == 1)
{
alert('Devolução Concluída');
}
else if(confirmação <0 || confirmação == 0 || confirmação > 1)
{
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
}
}
else
{
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
jogosalugados ++;
jogosAlugados();
}
}
let jogosalugados = 1;
function jogosAlugados() {
console.log(`Jogos Alugados: ${jogosalugados}`)
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!