Lista de Compras
https://pinheiroanderson.github.io/listaDeCompras/
Descrição
O Lista de Compras é uma aplicação web que permite ao usuário gerenciar sua lista de compras de forma simples e eficiente. O usuário pode adicionar itens à lista, especificar o preço e a quantidade, e o valor total da compra é calculado e atualizado automaticamente. Além disso, o histórico de compras é salvo e exibido para referência futura.
Funcionalidades
Adicionar itens à lista com nome, preço e quantidade. Editar o preço e a quantidade dos itens já adicionados. Atualizar automaticamente o valor total da compra conforme os itens são alterados. Finalizar a compra e salvar o histórico com data e valor total. Alternar entre temas claro e escuro.
Tecnologias Utilizadas
HTML: Estrutura da página. CSS: Estilização da página. JavaScript: Funcionalidade dinâmica e manipulação do DOM.
Como Usar
Adicionar Itens:
Preencha os campos "Nome do item" e clique em "Adicionar Item". Após sua lista pronta, conforme for pegando seus itens clique em "Editar" ao lado do seu item. Adicione o valor e a quantidade e clique em "Salvar" E marque a caixa ao lado do item para que o valor e quantidade seja incluidos no valor total da compra.
Editar Itens:
Após adicionar um item, você pode editar o preço e a quantidade diretamente na lista clicando em "Editar".
Finalizar Compra:
Clique no botão "Finalizar Compra" para calcular o valor total e salvar o histórico de compras. O valor total será exibido na tela e o histórico será atualizado automaticamente.
Alternar Tema:
Clique no botão "Tema escuro" ou "Tema claro" no rodapé para alternar entre os temas claro e escuro.
Como Rodar Localmente
Clone o Repositório:
bash Copiar código git clone https://github.com/seu-usuario/lista-de-compras.git
Navegue até o Diretório:
bash Copiar código cd lista-de-compras
Abra o Arquivo HTML:
Abra o arquivo index.html em um navegador web.
Estrutura do Projeto
index.html: Arquivo HTML principal.
style.css: Arquivo de estilo CSS.
app.js: Arquivo JavaScript com a lógica da aplicação.