Esta é uma calculadora simples desenvolvida em HTML, CSS e JavaScript. A calculadora permite realizar operações básicas de adição, subtração, multiplicação e divisão.
A calculadora possui as seguintes funcionalidades:
- Botões numéricos de 0 a 9 para inserir os valores de entrada.
- Botões de operações matemáticas: adição (+), subtração (-), multiplicação (*) e divisão (/).
- Botão de ponto decimal (.) para números decimais.
- Botão "C" para limpar o campo de entrada.
- Botão "=" para calcular o resultado da expressão inserida.
A calculadora possui um estilo moderno e utiliza cores suaves para uma melhor experiência visual. As principais características de estilo e cores são as seguintes:
- A calculadora é exibida em uma caixa com margem superior de 40px, borda sólida de 1px e preenchimento interno de 20px.
- A caixa da calculadora tem um fundo roxo claro (#c9a1ef) e bordas arredondadas com um efeito de sombra sutil.
- Os botões possuem uma cor de fundo amarelo claro (#fde962) e são destacados quando o mouse passa sobre eles, mudando para uma cor azul (#1078f1) e texto roxo claro (#c9a1ef).
- O botão "C" tem uma largura maior (130px) para se destacar dos outros botões.
- O botão de "igual" (=) tem uma altura maior (110px) para facilitar sua identificação.
- O botão "0" também tem uma largura maior (130px) para destacar o zero.
- O campo de resultado tem um fundo amarelo claro (#f9da4a) e texto preto (#000000) alinhado à direita.
- Faça o download dos arquivos
index.html
. - Abra o arquivo
index.html
em um navegador da web. - Utilize os botões da calculadora para inserir os valores e realizar as operações desejadas.
- O resultado será exibido no campo de resultado.
- HTML: Linguagem de marcação para estruturar a página web.
- CSS: Linguagem de estilo para definir a aparência da calculadora.
- JavaScript: Linguagem de programação para adicionar interatividade e realizar os cálculos.
A calculadora utiliza a biblioteca Bootstrap para estilização. A versão 4.0.0-beta.2 do Bootstrap é carregada através de um link externo.
Contribuições são bem-vindas! Sinta-se à vontade para melhorar a calculadora, corrigir bugs ou adicionar novas funcionalidades. Basta fazer um fork do repositório, fazer as alterações desejadas e enviar um pull request.
Divirta-se usando a calculadora!