Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Reclamação] OS ITENS ESTA APARECENDO COMO [OBEJCT OBJECT]

Fiz os outros módulos este curso esta confuso ta dificil de entender as aulas

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

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

form.addEventListener('submit', (evento) =>{
    evento.preventDefault();
    const nome = evento.target.elements['nome']
    const quantidade = evento.target.elements['quantidade']

    const itemAtual = {
        'nome': nome,
        'quantidade': quantidade
    }

    criaElemntos(itemAtual);
    itens.push(itemAtual)
    localStorage.setItem('itens', JSON.stringify(itens))


    nome.value = '';
    quantidade.value = '';
})

function criaElemntos(item){

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

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

        novoItem.innerHTML += item.nome;   
        lista.appendChild(novoItem);





}
2 respostas
solução!

ja achei o problema:

const itemAtual = { 'nome': nome, 'quantidade': quantidade }

correto 

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

Oi Thiago, tudo bem?

Que bom que encontrou o problema! Irei finalizar o tópico para você.

Um abraço e bons estudos.