Agradeço se houver dicas de como melhorar esse codigo!
const lista = document.getElementById("lista");
const itemList = loadLocalStorage() || [];
itemList.forEach((element) => {
const item = buildItem(element);
lista.append(item);
});
const formulario = document.getElementById("novoItem");
formulario.addEventListener("submit", (evento) => {
evento.preventDefault();
const nomeInput = evento.target.elements["nome"];
const quantidadeInput = evento.target.elements["quantidade"];
saveOnLocalStorage(nomeInput.value, quantidadeInput.value);
lista.appendChild(
buildItem({ nome: nomeInput.value, quantidade: quantidadeInput.value })
);
nomeInput.value = "";
quantidadeInput.value = "";
});
function buildItem(item) {
const card = document.createElement("li");
card.classList.add("item");
card.innerHTML = `<strong>${item.quantidade}</strong>${item.nome}`;
return card;
}
function saveOnLocalStorage(nome, quantidade) {
const actualItem = {
nome: nome,
quantidade: quantidade,
};
itemList.push(actualItem);
localStorage.setItem("itens", JSON.stringify(itemList));
}
function loadLocalStorage() {
const itensListLocalStorage = JSON.parse(localStorage.getItem("itens")) || [];
return itensListLocalStorage;
}