O meu código ficou um pouco diferente do que o professor fez, mas até agora está funcionando:
const form = document.getElementById("novoItem");
const lista = document.getElementById("lista");
const itens = JSON.parse(localStorage.getItem("itens")) || [];
itens.forEach((item) => {
criaElemento(item);
});
form.addEventListener("submit", (evento) => {
evento.preventDefault();
const nome = evento.target.elements["nome"].value;
const quantidade = evento.target.elements["quantidade"].value;
const novoItem = {
nome,
quantidade,
};
criaElemento(novoItem);
itens.push(novoItem);
localStorage.setItem("itens", JSON.stringify(itens));
evento.target.reset();
});
function criaElemento(item) {
const novoItem = document.createElement("li");
novoItem.classList.add("item");
const numeroItem = document.createElement("strong");
numeroItem.textContent = item.quantidade;
novoItem.appendChild(numeroItem);
novoItem.innerHTML += item.nome;
lista.appendChild(novoItem);
}