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

DATASET.ID // IF não funciona. Console.log como UNDEFINED

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

erro no Data.id

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

itens.forEach((elemento) =>{
    criaElemento(elemento)
  })

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

    const nome = event.target.elements["nome"]
    const quantidade = event.target.elements["quantidade"]

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

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

    if (existe) {
        itemAtual.id = existe.id
        console.log(existe.id)
    } else {
        itemAtual.id = itens.lenght 
        criaElemento(itemAtual)  
        itens.push(itemAtual)
    }

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

    nome.value = ""
    quantidade.value = ""
})
function criaElemento(item) {
    const novoItem = document.createElement("li")
    novoItem.classList.add("item")

    const numeroItem = document.createElement("strong")
    numeroItem.innerHTML = item.quantidade
    numeroItem.dataset.id = item.id
    novoItem.appendChild(numeroItem)

    novoItem.innerHTML += item.nome

    lista.appendChild(novoItem)
}
1 resposta
solução!

Resolvido :)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software