consolidando conhecimento

const form = document.getElementById("novoItem");
const lista = document.getElementById("lista");
const itens = JSON.parse(localStorage.getItem("itens")) || []

console.log(itens)

itens.forEach( (elemento) => {
    criarElemento(elemento);
});

form.addEventListener("submit", (evento) => {
    evento.preventDefault();

    const nome = evento.target.elements['nome']
    const quantidade = evento.target.elements['quantidade']

    const existe = itens.find( elemento => elemento.nome === nome.value)
    console.log(existe)

    const itemAtual = {
        "nome": nome.value,
        "quantidade": quantidade.value
    }

    if (existe) {
         itemAtual.id = existe.id

         atualizarItem(itemAtual);

         itens[existe.id] = itemAtual;
    } else {
        itemAtual.id = itens.length

        criarElemento(itemAtual);
         
         itens.push(itemAtual)
    }

    localStorage.setItem("itens", JSON.stringify(itens))

    nome.value = ""
   quantidade.value = ""
})

function criarElemento (item){
    const novoItem = document.createElement('li');
    novoItem.classList.add("item");

    const numeroItem = document.createElement('strong');
    
    numeroItem.innerHTML = item.quantidade;
    novoItem.appendChild(numeroItem);

    numeroItem.dataset.id = item.id
    novoItem.innerHTML += item.nome

    lista.appendChild(novoItem);
}

function atualizarItem (item) {
    document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
}