Assim ficou meu código, com TASK 1 AND 2.
não vi lógica na 3 AND 4... se alguém pudesse explicar ficaria grato.
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')) {
if (confirm('Você tem certeza que deseja devolver este jogo?')) {
imagem.classList.remove('dashboard__item__img--rented');
botao.classList.remove('dashboard__item__button--return');
botao.textContent = 'Alugar';
}
} else {
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
}
contarJogosAlugados();
}
function contarJogosAlugados() {
let jogos = document.querySelectorAll('.dashboard__item__img');
let contador = 0;
jogos.forEach(function(jogo) {
if (jogo.classList.contains('dashboard__item__img--rented')) {
contador++;
}
});
console.log(`Número de jogos alugados: ${contador}`);
}
alterarStatus(1);