1
resposta

nao aparece as opcoes no strong como na do video

ALGUEM ME AJUDA POR FAVOR adicionei tmb no codigo o -novoItem.innerHTML = numeroItem + nome console.log(novoItem) e continuou a msm coisa

const form =document.getElementById("novoItem")

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

    criarElemento(evento.target.elements["nome"].value, evento.target.elements["quantidade"].value)
}) 

function criarElemento(nome, quantidade) {
    console.log(nome)
    console.log(quantidade)

    //<li class="item"><strong>7</strong>Camisas</li>
    const novoItem = document.createElement('li')
    novoItem.classList.add("item")

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

    novoItem.innerHTML = numeroItem + nome
    console.log(novoItem)
}
1 resposta

Oi, Matheus! Tudo bem?

Desculpa a demora por um retorno.

O que está ocorrendo com o resultado do comando console.log(numeroItem) no console do seu navegador é o seguinte: não estamos conseguindo exibir uma representação em formato de árvore (como foi exemplificado na aula pelo professor), pois novoItem.innerHTML está sendo definido como uma concatenação de um elemento strong e uma string nome, o que não deveria ocorrer. Dessa forma, em vez de imprimir uma representação em formato de árvore desse objeto, console.log(numeroItem) simplesmente exibe o próprio objeto como uma representação de string.

Todavia, esse comportamento/exibição depende muito de navegador para navegador, ao testarmos o mesmo código em um navegador Firefox, por exemplo, que é o browser usado pelo professor ao decorrer do curso, podemos observar o mesmo comportamento apresentado na aula.

Espero ter ajudado na compreensão do problema! Caso reste alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!

Um forte abraço e bons estudos!

Caso este post tenha te ajudado, por favor, marcar como solucionado ✓

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software