1
resposta

[Dúvida] quando clico para adicionar o item, a quantidade não aparece na lista ao lado

segui a aula do professor mas as quantidades dos itens que eu adiciono não aparecem, aquela bolinha onde vai o numero fica vazia. meu código está assim :

const form = document.getElementById("novoItem")
const lista = document.getElementById("lista")

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

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

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

    const numeroItem = document.createElement('strong')
    numeroItem.innerhtml=quantidade

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

    lista.appendChild(novoItem)
}
1 resposta

Olá, Victor! Tudo bem?

Pelo código que você compartilhou, parece que o problema está na linha onde você está definindo o conteúdo do elemento numeroItem.

Ao invés de utilizar innerhtml, você deve utilizar innerHTML (com letras maiúsculas) para definir o conteúdo do elemento.

Portanto, você pode corrigir essa linha assim:

numeroItem.innerHTML = quantidade

Dessa forma, o valor da quantidade deverá aparecer corretamente na bolinha ao lado do item adicionado.

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!