https://github.com/felypedantas/calculadora_simples
Calculadora criada em HTML, CSS e JavaScript
https://github.com/felypedantas/calculadora_simples
html-css-javascript
Last synced: 23 days ago
JSON representation
Calculadora criada em HTML, CSS e JavaScript
- Host: GitHub
- URL: https://github.com/felypedantas/calculadora_simples
- Owner: FelypeDantas
- Created: 2024-12-08T22:22:42.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-08T22:26:20.000Z (6 months ago)
- Last Synced: 2025-03-31T05:31:51.850Z (about 2 months ago)
- Topics: html-css-javascript
- Language: CSS
- Homepage: https://felypedantas.github.io/Calculadora_Simples/
- Size: 171 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Aqui está um **README.md** que você pode usar para descrever o projeto:
---
# Calculadora Web 💻
Uma calculadora simples e estilosa desenvolvida com HTML, CSS e JavaScript. Esse projeto demonstra como criar uma interface de calculadora funcional e moderna para ser usada diretamente no navegador.
---
## 📋 Funcionalidades
- **Operações básicas**: Adição, subtração, multiplicação, divisão e números decimais.
- **Interface responsiva**: Design adaptável para diferentes tamanhos de tela.
- **Funcionalidades extras**:
- Limpar (C) para apagar todo o conteúdo do display.
- Apagar o último caractere (←).
- Botão "=" para calcular o resultado.
---
## 🎨 Design
- **Plano de fundo**: Gradiente azul moderno.
- **Display**: Estilizado com bordas arredondadas e um leve efeito de profundidade.
- **Botões**:
- Reagem ao passar o mouse e ao clique.
- Cores vivas para destacar funcionalidades especiais.
- Estilo flat e minimalista.
---
## 🚀 Como Usar
1. Clone o repositório ou baixe os arquivos.
```bash
git clone https://github.com/seu-usuario/calculadora-web.git
```
2. Navegue até a pasta do projeto.
3. Abra o arquivo `index.html` no navegador.
---
## 📂 Estrutura do Projeto
```
calculadora-web/
├── index.html # Estrutura HTML
├── styles.css # Estilo CSS
├── script.js # Lógica JavaScript
└── README.md # Documentação do projeto
```
---
## 🛠️ Tecnologias Utilizadas
- **HTML5**: Para a estrutura da página.
- **CSS3**: Para o design e estilos modernos.
- **JavaScript**: Para a lógica de funcionamento da calculadora.
---
## 🖼️ Demonstração
### Visual do projeto:
---
## 💡 Possíveis Melhorias
- Adicionar suporte a teclado para facilitar a entrada de dados.
- Melhorar a responsividade para dispositivos menores.
- Implementar mais operações como exponenciação e raiz quadrada.
- Criar uma versão com memória para salvar cálculos.
---
## 📜 Licença
Este projeto está licenciado sob a [MIT License](LICENSE).
---
## 🤝 Contribuições
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests no repositório.
---
Se precisar de ajuda para personalizar ainda mais o **README** ou quiser dicas sobre como hospedar o projeto, é só pedir! 😊