Uma pagina simples de finanças que serve para gerenciar seu dinheiro!
Ao criar isso eu usei tudo o que sei sobre JavaScript, e ainda aprendi 3 coisas que são:
-
Desacoplamento de código: Antes eu simplesmente escrevia sem pensar direito onde cada coisa deveria estar, no entanto isso deu problema quando eu precisei adicionar a função de excluir a transação. A parte de criar uma nova div no HTML estava acoplada a função do botão de adicionar um novo movimento, o que dificultava a leitura do código, complicava a manutenção e ainda não dava para adicionar novas funções, como foi o caso.
-
Usar o Local Storage do Navegador: Quando o usuário saia ou recarregava a página todos os dados dele eram perdidos, como isso não tem back-end e muito menos banco de dados, isso de certa forma deixava a página sem objetivo, pois tudo se perdia. Então eu procurei na internet e achei o localstorage em pouco tempo aprendi a usar e imediatamente o apliquei.
-
Um pouco de JSON: Após assistir muitos vídeos sobre localstorange e aplicar em exercícios bobinhos, finalmente tinha aprendido a usa-lo e fui aplicar ele aqui, mas eu não sabia que ele não guardava vetores e nisso tive um grande problema, quase desisti. Até que em meio a pesquisas descubro o JSON que conseguia converter vetores para strings e o contrario, logo apliquei e deu certo, fiquei extremante feliz e por enquanto só sei usar isso de JSON, mas futuramente pretendo me aprofundar!
Eu demorei exatos 6 dias para concluir, aprendi coisas uteis e cheguei em um resultado que queria, estou muito feliz com esse projeto!