if (imagem.classList.contains('dashboard__item__img--rented')) { imagem.classList.remove('dashboard__item__img--rented') botao.classList.add('dashboard__item__button--rented') botao.textContent = 'Alugar' } else { imagem.classList.add(''dashboard__item__img--rented') botao.textContent = 'Devolver' botao.classList.remove('dashboard__item__button--rented' }
Oi, Ana! Como vai?
Com o que você descreveu, deu para ver que você está no caminho certo ao alternar entre as classes para indicar o status de “alugado” e “disponível”. Fique atenta apenas aos parênteses e aspas dentro dos métodos add e remove, pois há um pequeno erro de sintaxe que pode impedir o funcionamento do código.
Uma dica interessante para o futuro é usar o método classList.toggle() para simplificar a troca de classes. Veja este exemplo:
imagem.classList.toggle('dashboard__item__img--rented');
Esse comando adiciona a classe se ela não existir e remove se já estiver aplicada.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!