1
resposta

[Projeto] Consolidando conhecimento

Boa tarde! Tudo bem? Aqui está o meu projeto pronto para esta aula.

const form = document.getElementById('novoItem');
const list = document.getElementById('lista');
const items = JSON.parse(localStorage.getItem('items')) || [];

items.forEach((element) => {
    createElement(element);
})

form.addEventListener('submit', (event) => {
    event.preventDefault();

    const name = event.target.elements['nome'];
    const amount = event.target.elements['quantidade'];

    const currentItem = {
        'name': name.value, 'amount': amount.value
    }

    createElement(currentItem);

    items.push(currentItem);

    localStorage.setItem('items', JSON.stringify(items));

    name.value = '';
    amount.value = '';
})

function createElement(item) {
    const newItem = document.createElement('li');
    newItem.classList.add('item');

    const itemNumber = document.createElement('strong');
    itemNumber.innerHTML = item.amount;

    newItem.appendChild(itemNumber);

    newItem.innerHTML += item.name;

    list.appendChild(newItem);
}
1 resposta

Olá Adler! Tudo bem?

Parabéns por concluir o seu projeto! É muito inspirador ver o seu desenvolvimento e dedicação ao longo do processo. Tenho certeza de que você alcançará ainda mais conquistas no futuro. Continue assim, sempre buscando aprimorar suas habilidades e enfrentando novos desafios.

No geral, o seu código estar correto e bem estruturado! Continue assim e não hesite em perguntar se tiver alguma dúvida específica sobre o projeto ou qualquer outro assunto a respeito dos cursos.

Espero ter ajudado, 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!