Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Consolidando conhecimento

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;
}
1 resposta
solução!

Olá Vitor, tudo bem?

Parabéns pelo excelente trabalho! Seu código demonstra uma estrutura muito bem organizada.

Realizei testes e verifiquei que ele está funcional, sem apresentar erros, e não encontrei pontos de melhoria, aque atrapalhe o desenvolvimento do projeto. Isso evidencia o seu constante desenvolvimento como programador. Os códigos que você compartilha são de alta qualidade, além de serem bastante legíveis. Essa habilidade é fundamental para facilitar a compreensão e manutenção do código.

É inspirador ver o seu comprometimento em alcançar seus objetivos, seja como desenvolvedor ou em busca de conhecimento contínuo. O mundo da programação é verdadeiramente incrível, e tenho certeza de que você está no caminho certo. Continue assim, Vitor, pois sua dedicação e habilidades prometem um futuro brilhante.

Reforço que em caso de 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!