1
resposta

[Dúvida] Estou colocando este código , mas não esta indo

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';
} else {
imagem.classList.add('dashboard__item__img--rented');
botao.textContent = 'Devolver';
botao.classList.add('dashboard__item__button--return');
}
}

1 resposta

Olá, Rosalina! Tudo bem?

O código que você compartilhou parece bem estruturado, mas vamos verificar alguns pontos que podem estar causando problemas:

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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 ✓.