https://github.com/brianmunizsilveira/calculadora
Este é um projeto de uma calculadora responsiva e acessível, desenvolvida com HTML, CSS e JavaScript.
https://github.com/brianmunizsilveira/calculadora
aprendendo calculadora-javascript html-css-javascript
Last synced: 3 months ago
JSON representation
Este é um projeto de uma calculadora responsiva e acessível, desenvolvida com HTML, CSS e JavaScript.
- Host: GitHub
- URL: https://github.com/brianmunizsilveira/calculadora
- Owner: BrianMunizSilveira
- License: mit
- Created: 2025-01-13T19:01:25.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-13T19:10:24.000Z (5 months ago)
- Last Synced: 2025-01-20T22:19:11.129Z (4 months ago)
- Topics: aprendendo, calculadora-javascript, html-css-javascript
- Language: JavaScript
- Homepage: https://calculadora-tau-neon.vercel.app/
- Size: 5.86 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Projeto de Calculadora 🧮
## Descrição do Projeto
Este projeto é uma **calculadora web** simples, desenvolvida utilizando HTML, CSS e JavaScript. A calculadora possui uma interface amigável e é responsiva, permitindo que os usuários realizem operações matemáticas básicas como adição, subtração, multiplicação e divisão. 🌐
## Tecnologias Utilizadas
- **HTML**: Estrutura da página.
- **CSS**: Estilização e design responsivo. 🎨
- **JavaScript**: Lógica da calculadora e interatividade. ⚙️
## Funcionalidades
- **Operações Básicas**: Suporta adição ➕, subtração ➖, multiplicação ✖️ e divisão ➗.
- **Interface Responsiva**: Adapta-se a diferentes tamanhos de tela 📱💻.
- **Tema Claro e Escuro**: Alterna entre temas claro ☀️ e escuro 🌙 com base nas preferências do usuário.
- **Acessibilidade**: Navegação por teclado e suporte a leitores de tela.
## Estrutura do Projeto
```
/calculadora
│
├── index.html # Arquivo principal HTML
├── style.css # Estilos da calculadora
└── script.js # Lógica da calculadora
```
## Instruções de Uso
1. **Clone o repositório**:
```bash
git clone https://github.com/BrianMunizSilveira/calculadora.git
```
2. **Abra o arquivo `index.html` em um navegador** para visualizar a calculadora. 🌍
3. Utilize os botões ou o teclado para inserir números e operadores.
## Estilo CSS
O estilo da calculadora é definido no arquivo `style.css`, onde são utilizados **CSS Variables** para facilitar a personalização do tema. O código CSS inclui definições para os botões, input e layout geral.
### Exemplo de Estilo
```css
.calculator {
background-color: var(--calculator-bg);
border-radius: 15px;
padding: 20px;
box-shadow: 0 10px 20px var(--shadow-color);
}
```
## Lógica JavaScript
A lógica da calculadora está implementada no arquivo `script.js`, que manipula eventos de clique nos botões e realiza cálculos com base nas entradas do usuário.
### Exemplo de Função de Cálculo
```javascript
function calcular() {
if (!previousNumber || !currentNumber) return;
let resultado;
const prev = parseFloat(previousNumber);
const curr = parseFloat(currentNumber);
switch(operation) {
case '+':
resultado = prev + curr;
break;
// Outras operações...
}
input.innerHTML = resultado;
}
```
## Contribuição 🤝
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests.
## Licença 📄
Este projeto está licenciado sob a [MIT License](LICENSE).