Na questão parece que está ao contrario a resposta, já que o resultado do else é none, ou seja, vazio que é onde o red deveria estar de acordo com o enunciado
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!
Na questão parece que está ao contrario a resposta, já que o resultado do else é none, ou seja, vazio que é onde o red deveria estar de acordo com o enunciado
Oi, Lucas! Como vai?
Agradeço por compartilhar sua dúvida com a comunidade Alura.
Sua observação é válida e mostra atenção aos detalhes, mas a interpretação do enunciado pode estar te confundindo um pouco. O que a atividade quer é:
Quando não houver itens na lista (ou seja, lista vazia), exiba a mensagem e pinte o fundo de vermelho.Quando houver itens, oculte a mensagem (e não precisa pintar nada).
A alternativa correta da atividade é esta:
function verificarListaVazia() {
const itensDaLista = listaDeCompras.querySelectorAll("li");
if (itensDaLista.length === 0) {
mensagemListaVazia.style.display = "block";
mensagemListaVazia.style.backgroundColor = "red";
} else {
mensagemListaVazia.style.display = "none";
}
}
Por que ela está correta?
itensDaLista.length === 0.display = "block".
- Aplica o fundo vermelho com backgroundColor = "red".Sobre a sua dúvida:
Você mencionou que no else está o display = "none", e por isso o fundo vermelho deveria estar ali. Mas isso só seria verdade se quiséssemos pintar de vermelho quando a lista estivesse cheia, o que não é o que o enunciado pede.
Ou seja:
display = "none" no else.Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!