Tive que pesquisar outras formas de confirmação sem que fosse o prompt(), então descobri o confirm(), tive certa dificuldade para implementar ele de maneira coerente porém, deu tudo certo, demorei...mas cheguei onde queria. kk
Obs: tive que fazer uma pequena alteração no html para que o codigo funcionasse como eu desejava.
let jogosAlugados = 0;
function contarJogosAlugados(id){
if(jogosAlugados >= 0){
jogosAlugados++;
console.log(`quantos jogos foram alugados ${jogosAlugados}`);
}
}
function alterarStatus(id){
let jogoClicado = document.getElementById(`game-${id}`);
let imagem = jogoClicado.querySelector('.dashboard__item__img');
let botao = jogoClicado.querySelector('.dashboard__item__button');
let nome = jogoClicado.querySelector('.dashboard__item__name').innerText;
if(imagem.classList.contains('dashboard__item__img--rented')){
if(confirm(`deseja devolver o titulo ${nome}?`)){
imagem.classList.remove('dashboard__item__img--rented');
botao.classList.remove('dashboard__item__button--return');
botao.textContent = 'Alugar';
jogosAlugados--;
}
} else {
confirm(`deseja comprar o titulo ${nome}?`);
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
jogosAlugados++;
}
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!