Ficou um pouco diferente dos projetos que olhei no Fórum, mas esta rodando direitinho. Se quiserem dar sugestões.
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';
let confirmarDevolução = confirm('Tem certeza que deseja devolver esse jogo?');
if(confirmarDevolução){
alert('Jogo devolvido')
quatidadeDeJogosAlugados();
}else{
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
alert('Devolução cancelada. Continue a se divertir!');
}
}else {
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
quatidadeDeJogosAlugados();
}
}
function quatidadeDeJogosAlugados(){
let jogosAlugados = document.querySelectorAll('.dashboard__item__img--rented');
let totalAlugados = jogosAlugados.length;
console.log(`Total de jogos alugados: ${totalAlugados}`);
}
document.addEventListener('DOMContentLoaded', quatidadeDeJogosAlugados);