Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Não estava conseguindo deixar azul novamente com o código da aula
adicionei mais um "remove" no "if" e funcionou
botao.classList.remove('dashboard__item__button--return');
if (imagem.classList.contains('dashboard__item__img--rented')) {
imagem.classList.remove('dashboard__item__img--rented');
botao.classList.remove('dashboard__item__button--rented');
botao.classList.remove('dashboard__item__button--return'); // ← faltava isso
botao.textContent = 'Alugar';
}
Olá! Como vai?
Achei muito interessante que você investigou o comportamento das classes e encontrou uma solução por conta própria. Isso mostra atenção aos detalhes na manipulação do classList, já que a remoção da classe dashboard__item__button--return era necessária para que o botão voltasse ao estado visual esperado.
Uma dica interessante para o futuro é utilizar o método toggle(), que pode simplificar a adição e remoção de classes em algumas situações. Veja este exemplo:
let ativo = true;
botao.classList.toggle('botao-ativo', ativo);
Nesse exemplo, a classe botao-ativo é adicionada ou removida de acordo com o valor da variável ativo, ajudando a deixar o código mais organizado.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!