Skip to content

🧮 Calculadora web moderna com tema dark/light, desenvolvida em JavaScript puro durante o módulo JS-3 da OneBitCode. Foco em manipulação do DOM.

Notifications You must be signed in to change notification settings

iago-pinheiro/Calc.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧮 Calc.js

Uma calculadora web moderna e minimalista desenvolvida durante o curso FullStack JavaScript da OneBitCode.

📋 Sobre o Projeto

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.

✨ Funcionalidades

  • ✅ 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

🛠️ Tecnologias Utilizadas

  • HTML5 - Estrutura da aplicação
  • CSS3 - Estilização e animações
  • JavaScript - Lógica e interatividade

🎨 Design

  • Modo escuro e claro
  • Animações suaves e feedback visual
  • Tipografia moderna e legível
  • Cores e espaçamentos cuidadosamente escolhidos

🚀 Como Usar

  1. Clone o repositório:
git clone https://github.com/seu-usuario/Calc.js.git
  1. Abra o arquivo index.html no seu navegador

  2. 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

📝 Aprendizados

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

👨‍💻 Autor

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!

About

🧮 Calculadora web moderna com tema dark/light, desenvolvida em JavaScript puro durante o módulo JS-3 da OneBitCode. Foco em manipulação do DOM.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published