Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Um novo objeto não é adicionado à lista de compras

Creio que fiz o código do jeito certo, mas quando vou tentar colocar um novo item não vai.

const inputItem = document.getElementById("input-item");
const listaDeCompras = document.getElementById("lista-de-compras");
const botaoAdicionar = document.getElementById("adicionar-item");
let contador = 0;

botaoAdicionar.addEventListener("click", (evento) => {
    evento.preventDefault();
    if(inputItem.value === ""){
        alert("Por favor, insira um item!");
        return;
    }

    const itemDaLista = document.createElement("li");
    const containerItemDaLista = document.createElement("div");
    containerItemDaLista.classList.add("lista-item-container");
    const inputChackbox = document.createElement("input");
    inputChackbox.type = "checkbox";
    inputChackbox.id = "checkbox" + contador++;
    const nomeItem = document.createElement("p");
    nomeItem.innerText = inputItem.value;

    containerItemDaLista.appendChild(inputChackbox);
    containerItemDaLista.appendChild(nomeItem);
    
    itemDaLista.appendChild(containerItemDaLista);

    const diaDaSemana = new Date().toLocaleDateString("pt-BR", {
        weekday: "long"
    });
    const data = new Data(). toLocaleDateString("pt-BR");
    const hora = new Data().toLocaleDateString("pt-BR", {
        hour: "numeric",
        minute: "numeric"
    })
    const dataCompleta = `${diaDaSemana} (${data}) às ${hora}`;
    const itemData = document.createElement("p");
    itemData.innerText = dataCompleta;
    itemData.classList.add("texto-data");
    itemDaLista.appendChild(itemData);

    listaDeCompras.appendChild(itemDaLista);

    
})
1 resposta
solução!

corrigi o código