1
resposta

[Projeto] Solução

Referente ao curso JavaScript na Web: armazenando dados no navegador, no capítulo Manipulando dados e atividade Consolidando o seu conhecimento

por Luiz Augusto Ladeira Pereira
| 159.7k xp | 7 posts
const form = document.querySelector('#novoItem')
const lista = document.querySelector('.lista')

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

    const nomeValue = event.target.elements['nome'].value
    const quantidadeValue = event.target.elements['quantidade'].value
    criaElemento(nomeValue, quantidadeValue)
})

function criaElemento(nome, quantidade) {
    let el = document.createElement('li')
    el.classList.add('item')
    el.innerHTML = `<strong>${quantidade}</strong>${nome}`
    lista.appendChild(el)
}
1 resposta
por Lorena Garcia
| 11918.7k xp | 17880 posts
Alura Scuba Team

Oi Luiz, tudo bem?

Muito obrigada por compartilhar com a gente o seu código e solução! Parabéns por praticar o que viu nas aulas, essa parte é super importante para consolidar o conhecimento.

Continue os bons estudos.

Um abraço.