2
respostas

Não consigo deixar a imagem opaca.

Segui os passos dos instrutores mas não acontece nada quando clico no botão.

function alterarStatus(id) { let gameClicado = document.getElementById(game-${id}); let imagem = gameClicado.querySelector('.dashboard__item__img'); let botao = gameClicado.querySelector('.dashboard__item__button');

//para escurecer a imagem
if (imagem.classList.contains('dashboard__item__img--rented')) {
    imagem.classList.remove('dashboard__item__img--rented');
} else {
    imagem.classList.remove('dashboard__item__img--rented');
   
}

}

2 respostas

Copiei o código dos instrutores e funcionou, mas eu realmente gostaria de saber onde errei.

Oi Clara!

Você estava no caminho certo. O erro acontece no bloco do else, nele você estava removendo a classe dashboard__item__img--rented ao invés de adicioná-la no minuto 4:50 da aula essa troca ocorre. Além disso, você esqueceu de alterar o texto do botão. Vamos ajustar isso.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!