Até agora os exercícios propostos são os feitos em aula... ta sendo bem tranquilo por sinal. Aproveitei e criei um
...
nome.focus()para poder voltar a digitar mais rápido os itens, visto que eu pretendo criar um sistema de pedidos com esse projeto.
até agora esta assim :
const form = document.getElementById('novoItem');
const lista = document.getElementById('lista');
const itens = [];
form.addEventListener('submit', (evento) => {
evento.preventDefault()
const nome = evento.target.elements['nome'];
const quantidade = evento.target.elements['quantidade'];
criaElemento(nome.value, quantidade.value);
nome.value = "";
quantidade.value = "";
nome.focus();
});
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);
const itemAtual = {
nome,
quantidade
};
itens.push(itemAtual)
localStorage.setItem("item", JSON.stringify(itens));
}Grato!
