🧮 Calculadora Simples

Uma calculadora moderna e interativa construída com HTML, CSS e JavaScript. Possui um tema escuro elegante com fundo gradiente roxo e suporte completo para teclado.

🌐 Demonstração ao Vivo

Acesse a calculadora online em: https://REEDScx.github.io/Calculator

✨ Funcionalidades

• Operações Aritméticas Básicas: Adição (+), Subtração (-), Multiplicação (*), Divisão (/)
• Função Limpar: Resetar a calculadora com o botão "C"
• Retrocesso: Deletar o último dígito com o botão "←"
• Suporte a Decimais: Realizar cálculos com números decimais
• Números Negativos: Alternar entre positivo/negativo com o botão "+/-"
• Suporte ao Teclado:
  • Números: 0-9
  • Operações: + - * /
  • Calcular: Enter ou =
  • Deletar: Backspace
  • Limpar: Escape
• Design Moderno: Tema escuro com fundo gradiente roxo
• Animações Suaves: Efeitos ao passar o mouse e ao pressionar botões
• Responsivo: Funciona perfeitamente em desktop, tablet e dispositivos móveis

📁 Estrutura do Projeto

Calculator/
├── index.html      # Estrutura HTML
├── style.css       # Estilos CSS
├── script.js       # Funcionalidade JavaScript
└── README.md       # Este arquivo

🚀 Início Rápido

Opção 1: Usar Online

Simplesmente visite: https://REEDScx.github.io/Calculator

Opção 2: Executar Localmente

1. Clone o repositório:

   git clone https://github.com/REEDScx/Calculator.git

2. Navegue até o diretório do projeto:

   cd Calculator

3. Abra index.html no seu navegador:

   • Clique duplo em index.html, ou
   • Clique com botão direito e selecione "Abrir com" seu navegador preferido

💻 Como Usar

1. Clique nos botões para inserir números e operações
2. Pressione o botão de igualdade (=) ou tecla Enter para calcular o resultado
3. Use Backspace para deletar o último dígito
4. Pressione C ou tecla Escape para limpar tudo
5. Use o botão +/- para alternar entre números positivos e negativos

🎨 Detalhes do Design

• Fundo: Gradiente roxo (135deg, #667eea para #764ba2)
• Display: Fundo escuro com texto verde (#00ff00)
• Botões:
  • Padrão: Cinza escuro (#3d3d3d)
  • Operadores: Azul (#667eea)
  • Limpar: Vermelho (#ff6b6b)
  • Igualdade: Verde (#51cf66)
• Fonte: Arial, sans-serif

📱 Compatibilidade com Navegadores

Funciona em todos os navegadores modernos:

• Chrome
• Firefox
• Safari
• Edge

🛠️ Tecnologias Utilizadas

• HTML5 - Marcação semântica
• CSS3 - Flexbox, Grid, Gradientes, Transições
• JavaScript (ES6+) - Manipulação do DOM, Event listeners

📝 Licença

Este projeto é de código aberto e disponível para uso pessoal e comercial.

👨‍💻 Autor

Criado por REEDScx

---

Aproveite sua calculadora! 🎉

Para problemas ou sugestões, sinta-se à vontade para abrir uma issue no GitHub.