Desafio 3 e 4 são extremamente complicados para nós que estamos començando, ainda mais por conter funções que não foram nos passadas. Acaba que temos que ficar cavucando em outras respostas e, talvez, dar copia e cola para fingir que solucionou porém sem entender o que foi proposto. Fiz os dois primeiros e estão implementados no Alugames.
Desafio 1 No projeto Alugames, implemente uma confirmação de devolução.
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';
alert ('O jogo foi devolvido com sucesso! Volte sempre!')
} else {
imagem.classList.add('dashboard__item__img--rented');
botao.textContent = 'Devolver';
botao.classList.add('dashboard__item__button--return');
alert ('Aluguel registrado! Muito Obrigado')
}
}
Desafio 2 No projeto Alugames, crie uma função para imprimir no console a informação sobre quantos jogos foram alugados.
let jogosAlugados = 0;
let jogosDevolvidos = 0;
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';
alert ('O jogo foi devolvido com sucesso! Volte sempre!')
jogosDevolvidos++
qntJogosDevolvidos()
} else {
imagem.classList.add('dashboard__item__img--rented');
botao.textContent = 'Devolver';
botao.classList.add('dashboard__item__button--return');
alert ('Aluguel registrado! Muito Obrigado')
jogosAlugados++;
}
qntJogosAlugados()
}
function qntJogosAlugados(){
console.log (`A quantidade de jogos alugados é ${jogosAlugados}.`);
}
function qntJogosDevolvidos(){
console.log (`A quantidade de jogos devolvidos é ${jogosDevolvidos}.`);
}