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

Meu estilo

const form = document.getElementById("novoItem")
const tabelaItens = []

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

    evento.preventDefault()
    nome = evento.target.elements['nome'].value
    quantidade = evento.target.elements['quantidade'].value
    criaElemento(nome,quantidade)

})

function criaElemento(nome,quantidade){

    const novoItem = document.createElement('li')
    novoItem.classList.add('item')

    const itemNumero = document.createElement('strong')
    itemNumero.innerHTML = quantidade

    novoItem.appendChild(itemNumero)
    novoItem.innerHTML += nome

    lista = document.getElementById('lista')
    lista.appendChild(novoItem)

    const inputs = document.getElementsByTagName("input")

    item = {
        "nome":nome,
        "quantidade":quantidade
    }

    inputs.namedItem('nome').value = ""
    inputs.namedItem('quantidade').value = ""

    guardaLocal(item)

}

function guardaLocal(itemAtual){

    tabelaItens.push(itemAtual)

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

    console.log(localStorage);

}
1 resposta
solução!

Oi João, tudo bem?

Muito obrigada por compartilhar com a gente a sua solução e parabéns por praticar.

Continue os bons estudos.

Um abraço.