1
resposta

[Sugestão] Conferir linha da resposta

Oi pessoal, acredito que a melhor solução seria trocar a linha da resposta:

        adicionarItem(listaDeCompras);

por: const itemDaLista = criarItemDaLista();
        listaDeCompras.appendChild(itemDaLista);

Ficando dessa forma:

        import { adicionarItem } from "./scripts/adicionarItem.js";
        import verificarListaVazia from "./scripts/verificarListaVazia.js";

        const listaDeCompras = document.getElementById("lista-de-compras");
        const botaoAdicionar = document.getElementById("adicionar-item");

        botaoAdicionar.addEventListener("click", (evento) => {
        evento.preventDefault()
        const itemDaLista = criarItemDaLista(); //linhas editadas
        listaDeCompras.appendChild(itemDaLista); //linha editadas
        verificarListaVazia(listaDeCompras);

        });

Acredito que faltou o appendChild do itemDaLista para o listaDeCompras para a função verificarListaVazia funcionar corretamente. Obrigado!

1 resposta

Olá, Raphael. Tudo bem?

Entendi sua sugestão e faz bastante sentido. Ao adicionar o appendChild(itemDaLista) diretamente no listaDeCompras, você garante que o novo item seja efetivamente adicionado à lista, o que é essencial para que a função verificarListaVazia funcione corretamente. Essa função verifica se a lista está vazia ou não, e sem adicionar o item, ela não conseguiria fazer essa verificação corretamente.

Obrigado pela sugestão. Isso ajuda muito a comunidade.

Espero ter ajudado e bons estudos!