3
respostas

Solução do desafio proposto

Pessoal, fiz dessa forma, mas se alguem tiver alguma sugestão, uma dica... vai ser muito bem vinda. valeu e bons estudos!

const form = document.querySelector('#novoItem')
const lista = document.querySelector('#lista')


form.addEventListener('submit', (evento) => {
    evento.preventDefault()
    const nome = document.querySelector('#nome')
    const quantidade = document.querySelector('#quantidade')
    criaElemento(nome, quantidade)
})


function criaElemento(nome, quantidade) {
    const novoItem = document.createElement('li')
    novoItem.classList.add('item')

    const numeroItem = document.createElement('strong')
    numeroItem.innerHTML = quantidade.value

    novoItem.appendChild(numeroItem)
    novoItem.innerHTML += nome.value
    lista.appendChild(novoItem)

}
3 respostas

Olá, Hebert.

Tudo bem?

Muito obrigado por compartilhar o seu código e a sua solução aqui com a gente. Ficamos felizes em ver que você está praticando e evoluindo.

Valeu Hebert.

Por que o uso do "+=" ? Quando eu devo ultilizar ?

Opa João, boa tarde!

To te mandando um link da documentação oficial do JS a respeito de expressões e operadores: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Expressions_and_operators

o uso do '+=', ele simplifica a expressao. exemplo: "novoItem.innerHTML += nome.value " é a simplificação de "novoItem.innerHTML = novoItem.innerHTML + nome.value"

outro exemplo: Operador encurtado: x += y Significado: x = x + y