Uma calculadora web moderna e minimalista desenvolvida durante o curso FullStack JavaScript da OneBitCode.
Este é um projeto prático guiado de aprendizagem do módulo JS-3, focado no estudo de manipulação do DOM com JavaScript. A calculadora apresenta um design clean e responsivo com funcionalidades completas para operações matemáticas básicas, aplicando conceitos fundamentais de interação com elementos HTML.
- ✅ Operações matemáticas básicas (+, -, *, /)
- ✅ Suporte a parênteses para operações complexas
- ✅ Entrada via teclado e clique nos botões
- ✅ Sistema de temas (Dark/Light mode)
- ✅ Botão para copiar resultado
- ✅ Tratamento de erros com animação
- ✅ Design responsivo e minimalista
- HTML5 - Estrutura da aplicação
- CSS3 - Estilização e animações
- JavaScript - Lógica e interatividade
- Modo escuro e claro
- Animações suaves e feedback visual
- Tipografia moderna e legível
- Cores e espaçamentos cuidadosamente escolhidos
- Clone o repositório:
git clone https://github.com/seu-usuario/Calc.js.git
-
Abra o arquivo
index.html
no seu navegador -
Use a calculadora:
- Clique nos botões ou digite no teclado
- Pressione
Enter
ou clique em=
para calcular - Use
C
para limpar - Alterne entre temas com o botão no canto superior direito
Durante o desenvolvimento deste projeto, foram aplicados conceitos importantes como:
- Manipulação do DOM
- Event Listeners
- CSS Variables para temas
- Animações CSS
- Boas práticas de organização de código
- Responsividade
Desenvolvido por Iago Pinheiro junto com o professor Isaac Pontes durante o curso da OneBitCode - Módulo JavaScript III
⭐ Se gostou do projeto, deixe uma estrela!