const inputItem = document.getElementById("input-item")

let contador = 0

1 - Armazene um botão de salvar em uma variável.

const addButton = document.getElementById("adicionar-item")

2 -Capture o valor do campo de digitação. ---- 3- Impeça que itens vazios sejam adicionados à lista.

addButton.addEventListener("click", (evento) => {
    evento.preventDefault()
    if (inputItem) {
        alert("Por favor, digite um item")
        return
    }

4 - Construa dinamicamente cada item da lista com os valores inseridos pelo usuário.

const itemDaLista = document.createElement("li")
const containerDaLista = document.createElement("div")
containerDaLista.classList.add("lissta-item-container")

const inputCheckbox = document.createElement("input")
inputCheckbox.type = "checkbox"
inputCheckbox.id = "checkbox-" + contador ++

const nomeItem = document.createElement("p")
nomeItem.innerText = inputItem.value

containerdaLista.appendChild(inputCheckbox);
containerDaLista.appendChild(nomeItem);

itemDaLista.appendChild(containerDaLista);
listaDeCompras.appendChild(itemDaLista)
});