to fazendo o desafio aluGames, e fui seguindo algumas dicas da IA da alura e fazendo o código de uma forma alternativa
os textos estão mudando e ta tudo certo, só que o botão alugar e devolver o fundo de cada botão não esta trocando, estão ficando só na cor padrão do que ja vem quando abre a página.
Gostaria de entender o porque isso acontece
Olá, Leonardo! Como vai?
Parece que o problema pode estar relacionado ao CSS que define as cores dos botões. Vamos verificar alguns pontos:
Verifique o CSS: Certifique-se de que as classes .dashboard__item__button e .dashboard__item__button--return estejam definidas corretamente no seu arquivo CSS, com as cores de fundo desejadas.
Ordem das Classes: Quando você adiciona ou remove classes, a ordem e a especificidade das regras CSS podem afetar o resultado. Verifique se há alguma regra CSS mais específica que esteja sobrescrevendo as cores.
Cache do Navegador: Limpe o cache do navegador ou tente abrir a página em uma janela anônima para garantir que as alterações no CSS estejam sendo aplicadas corretamente.
Console do Navegador: Use o console do navegador para inspecionar os elementos e verificar se as classes estão sendo aplicadas corretamente após o clique.
Aqui está um exemplo de como as classes podem ser definidas no CSS:
.dashboard__item__button {
background-color: #f0f0f0; /* Cor padrão */
}
.dashboard__item__button--return {
background-color: #ff0000; /* Cor ao devolver */
}
Espero ter ajudado e bons estudos!