8
respostas

Meu código está igual mas nada funciona

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

8 respostas

Oi!

Nas linhas 2 e 3 do seu código faltou o ponto (.) antes do nome da classe na função querySelector:

querySelector('dashboard__item__img');
querySelector('dashboard__item__button');

Altere para:

let imagem = gameClicado.querySelector('.dashboard__item__img');
let botao = gameClicado.querySelector('.dashboard__item__button');

Agora fica escuro e claro, mas não mudam as palavras.Insira aqui a descrição dessa imagem para ajudar na acessibilidade

O código correto:

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

Qual foi meu erro?

No classList.add voce passou duas classes separadas por espaço, mas era para ser uma apenas.

Como assim? Desculpa, mas não entendi

Esquece aquela pergunta, agora eu entendi. Mas eu fiquei com outra dúvida. Como eu vou saber qual das duas classes eu tenho que colocar?

Precisa conhecer o que cada classe faz. Olhando o arquivo css ou testando removendo a classe da tag no html e vendo o resultado no navegador.