1
resposta

[Dúvida] Enviei o conteúdo diretamente no push com o metódo tarefa.descrição

Dessa forma, o localStorage conseguiu pegar o valor do objeto em si. Dessa forma também está certo?

formAdicionarTarefa.addEventListener('submit', (evento) => {
    evento.preventDefault();
    const tarefa = {
        descricao: textArea.value
    }
    //enviei no push o conteúdo (descrição) do objeto.
    tarefas.push(tarefa.descricao)
    
    localStorage.setItem('tarefas', tarefas)
})

print tela adicionar tarefas!
print localStorage

1 resposta

Oi, Leandro , tudo bem?

Que bom ver você explorando novas formas de resolver o desafio. Isso mostra não só curiosidade, mas também um olhar crítico para o que está aprendendo, e isso faz toda a diferença no seu crescimento como dev.

Sobre o que você fez: sim, o localStorage conseguiu salvar o array. Isso acontece porque, ao armazenar, ele transforma automaticamente os dados em uma string, separando os itens com vírgulas. Então, sua abordagem funciona e cumpre o objetivo de salvar as tarefas.

O que a gente traz na aula, com o uso do JSON.stringify(), é apenas uma forma alternativa, e que pode ajudar caso você queira deixar sua aplicação mais preparada para crescer no futuro. Ao salvar os dados como objetos, a gente mantém uma estrutura mais completa, que permite, por exemplo, adicionar novas informações em cada tarefa, como data, prioridade ou se ela já foi concluída, sem precisar mexer tanto no código depois.

No seu exemplo, temos só um array de textos. Na abordagem com JSON.stringify(), esse mesmo conteúdo vira um array de objetos. Isso pode parecer um detalhe agora, mas facilita bastante a manutenção lá na frente.

Fico feliz que esteja testando possibilidades. Esse tipo de iniciativa é uma das qualidades mais importantes na área. Continue assim!

Bons estudos e sucesso ✨

Imagem da comunidade