/calculadora

calculadora colorida

Primary LanguageHTML

Calculadora

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.

Funcionalidades

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.

Estilo e Cores

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.

Como usar

  1. Faça o download dos arquivos index.html.
  2. Abra o arquivo index.html em um navegador da web.
  3. Utilize os botões da calculadora para inserir os valores e realizar as operações desejadas.
  4. O resultado será exibido no campo de resultado.

Tecnologias utilizadas

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

Dependências

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ção

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!