Ao clicar exatamente na coloração card (não é no menu de opções de cores), o body da página recebe a cor do card clicado. Clicando no conteúdo do card (texto), este erro não acontece. Segue um link como evidência https://postimg.org/image/jlyo853on/
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!
Ao clicar exatamente na coloração card (não é no menu de opções de cores), o body da página recebe a cor do card clicado. Clicando no conteúdo do card (texto), este erro não acontece. Segue um link como evidência https://postimg.org/image/jlyo853on/
Oi Braúlio, vamos precisar ver o seu código. Consegue colocá-lo aqui? Ou, se estiver muito grande, no gist/github.
1) Comparei o meu código com o disponível no github da alura, e percebi que o disponível no alura está incompleto.
2) Percebi que o erro está no arquivo "card.js", pois ao remove-lo do index.html , o erro não acontece. Ainda não investiguei o motivo.
3) Segue o código https://github.com/brauliovtorres/lab/tree/master/alura/HTML_CARDS
O erro está na condição de troca de cor do card:
...codigo omitido
if ($this.dataset.color) {
...codigo omitido
}
Tive que adicionar uma condição que verifica se, o elemento que foi clicado possui a classe "card-options":
if ($this.classList.contains("card-options") && $this.dataset.color) {
...codigo omitido
}