Olá, Rosalina! Tudo bem?
O código que você compartilhou parece bem estruturado, mas vamos verificar alguns pontos que podem estar causando problemas:
Verifique o ID do elemento: Certifique-se de que o ID passado para a função alterarStatus(id)
corresponde ao ID real dos elementos no seu HTML. Por exemplo, se você está chamando alterarStatus(1)
, verifique se existe um elemento com o ID game-1
.
Classes corretas: Confirme que as classes que você está manipulando realmente existem nos elementos HTML. Por exemplo, dashboard__item__img--rented
e dashboard__item__button--return
devem estar definidas no CSS e atribuídas corretamente aos elementos.
Estrutura do HTML: Garanta que a estrutura do HTML está de acordo com o que a função espera. O gameClicado
deve conter uma imagem com a classe .dashboard__item__img
e um botão dentro da estrutura .dashboard_item
.
Console do navegador: Use o console do navegador para verificar se há algum erro sendo exibido quando você tenta executar a função. Isso pode dar pistas sobre o que pode estar errado.
Eventos de clique: Verifique se a função alterarStatus
está sendo chamada corretamente quando o botão é clicado. Você pode fazer isso adicionando um console.log
dentro da função para ver se ela está sendo executada.
Aqui está um exemplo de como você pode verificar se a função está sendo chamada corretamente:
function alterarStatus(id) {
console.log(`Função chamada com id: ${id}`);
// restante do seu código...
}
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.