Não sei se foi a maneira mais eficiente de fazer:
criei essa function que verifica se está vazia, eu chamo ela sempre que der comit e sempre que excluir algum card de memória
function verificarListaVazia() {
const memotecaVazia = document.getElementById("memoteca-vazia")
if (containerDeMemoria.children.length === 0) {
memotecaVazia.hidden = false
} else {
memotecaVazia.hidden = true
}
}
tive que criar a div de memoteca vazia com o css:
<section id="lista-pensamentos-container">
<h3>Meu Mural</h3>
<div hidden id="memoteca-vazia" class="vazia">
<p>Nada por aqui ainda, que tal compartilhar alguma ideia?</p>
<img src="assets/imagens/noun-empty-4160258-041832 1.png" alt="">
</div>
<ul id="lista-pensamentos"></ul>
</section>
.vazia{
text-align: center;
margin-bottom: 2.5rem;
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!