🧮 Calculadora Web

Calculadora funcional com interface moderna e elegante, construída com HTML, CSS e JavaScript puro.

Ver Demo · Reportar Bug

---

📸 Preview

Interface dark mode com glassmorphism, gradientes animados e botões interativos.

---

✨ Funcionalidades

Recurso	Descrição
➕ Operações básicas	Soma, subtração, multiplicação e divisão
🔢 Encadeamento	Realize múltiplas operações em sequência
📊 Porcentagem	Cálculo simples e relativo ao valor anterior
± Trocar sinal	Alterne entre positivo e negativo
⌫ Backspace	Apague o último dígito digitado
🚫 Divisão por zero	Tratamento de erro exibindo "Erro"
🇧🇷 Formatação brasileira	Vírgula decimal e ponto como separador de milhar
📱 Responsivo	Funciona em desktop, tablet e celular
⌨️ Teclado	Suporte completo a atalhos de teclado

---

⌨️ Atalhos de Teclado

Tecla	Ação
0 - 9	Digitar números
. ou ,	Inserir decimal
+ - * /	Operadores
Enter ou =	Calcular resultado
Escape	Limpar tudo (AC)
Backspace	Apagar último dígito
%	Porcentagem

---

🛠️ Tecnologias

• HTML5 — Estrutura semântica
• CSS3 — Animações, gradientes, glassmorphism, grid layout, responsividade
• JavaScript (ES6+) — Lógica orientada a objetos com classe Calculator
• Google Fonts — Tipografia Inter

---

📁 Estrutura do Projeto

Calc/
├── index.html      # Estrutura da calculadora
├── style.css       # Estilos, animações e responsividade
├── script.js       # Lógica e interatividade
└── README.md       # Documentação

---

🚀 Como Usar

Opção 1 — Abrir diretamente

1. Clone o repositório:

   git clone https://github.com/jovemegidio/Calc.git

2. Abra o arquivo index.html no navegador.

Opção 2 — Com Live Server (VS Code)

1. Instale a extensão Live Server no VS Code.
2. Clique com o botão direito em index.html → Open with Live Server.

---

🎨 Design

• Tema escuro com cores vibrantes (#e94560 como cor de destaque)
• Formas animadas flutuando no background com blur
• Glassmorphism no container da calculadora
• Feedback visual nos botões (hover, active, operador selecionado)
• Display adaptativo — fonte diminui automaticamente para números grandes
• Animação de entrada suave ao carregar a página

---

📄 Licença

Este projeto está sob a licença MIT. Sinta-se livre para usar e modificar.

---

Feito com ❤️ por jovemegidio