1
resposta

criando evento e postando na página

Segue código

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);//função chamando os eventos "nome ,quantidade"
});
//função cria elemento
function criaElemento(nome, quantidade) {
    // <li class="item"><strong>7</strong>Camisa</li>
    const novoItem = document.createElement("li");
    novoItem.classList.add("item");

    //criando novo item para Numero strong....
    const numeroItem = document.createElement("strong");
    numeroItem.innerHTML = quantidade

    //appendChild manipulando os dados para mostrar a tela..
    novoItem.appendChild(numeroItem)//mandando item camisa branca para html
    novoItem.innerHTML += nome //recebendo item da camisa branca no html
    lista.appendChild(novoItem);
}
1 resposta

Olá, John! Tudo bom?

Parabéns pela conclusão dessa atividade, é nesses treinos que colocamos o nosso conhecimento em prática e isso só traz benefícios pro processo de aprendizagem.

Bons estudos!

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