1
resposta

[Projeto] 06-Consolidando o seu conhecimento

Minha solução:

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

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

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

    const elName = event.target.elements['elName']
    const elQtd = event.target.elements['elQtd']

    const itemAtual = {
        "elName": elName.value,
        "elQtd": elQtd.value
    }

    elementCreate(itemAtual)

    elName.value = ""
    elQtd.value = ""
})


function elementCreate(item) {
    const elNewItem = document.createElement('li')
    elNewItem.classList.add("item")    

    const qtdItem = document.createElement('strong')
    qtdItem.innerHTML = item.elQtd


    elNewItem.appendChild(qtdItem)
    elNewItem.innerHTML += item.elName

    const list = document.getElementById("lista")    

    list.appendChild(elNewItem)      
    

    itens.push(item)

    localStorage.setItem("itens", JSON.stringify(itens))    
    
}
1 resposta

Olá Eber,

O código parece estar corretoe funcionando bem, parabéns!

Acredito que a função "elementCreate" está criando um novo elemento "li" e adicionando o nome e a quantidade do item a ele. Além disso, você está adicionando esse novo item à lista e salvando-o no localStorage.

Uma sugestão que posso dar é adicionar uma validação para verificar se o usuário preencheu corretamente os campos antes de adicionar um novo item. Isso pode ser feito verificando se os campos "elName" e "elQtd" não estão vazios.

Outra sugestão é adicionar uma mensagem de confirmação quando o usuário adiciona um novo item, para que ele saiba que o item foi adicionado com sucesso.

Espero ter ajudado e bons estudos!