Link do projeto

Este código é uma implementação básica de uma calculadora, com o visual baseado na famosa calculadora da Apple, usando JavaScript e manipulação de elementos do DOM. Ela utiliza uma estrutura de objetos para encapsular as funções e as propriedades da calculadora.

A função startCalc é chamada no início do código e retorna um objeto que contém as propriedades e métodos da calculadora. A função start é chamada no final da função startCalc e inicia todos os eventos e funções necessários para a calculadora funcionar.

A função btn_click adiciona um evento de clique a página e verifica qual elemento foi clicado. Ele chama funções específicas para cada tipo de botão, como putNumber, putOperator, clearDisplay, eraseNumber e submit.

A função listen_btn adiciona um evento de preionamento de tecla a página e verifica qual tecla foi pressionada. Ele também chama funções específicas para cada tipo de tecla, como putNumber, putOperator, clearDisplay e eraseNumber.

A função submit é chamada quando o botão de igual é pressionado ou quando a tecla Enter é pressionada. Ela avalia a expressão atual na tela e mostra o resultado. Se a expressão não puder ser avaliada, ela mostra a mensagem "Invalid!" na tela.

A função putOperator é chamada quando um operador é pressionado. Ela verifica se um operador já foi pressionado anteriormente e, se sim, impede que a inclusão de um novo operador à expressão atual. Ele também gerencia o uso de ponto decimal, com o uso de dotStatus.

Outras funções como btn_check, submit_btn, clearDisplay_Err, enableBtn, disableDot gerencia o estado dos botões e validação do display.

A calculadora possui uma melhoria em relação à calculadora da Apple, resolvendo o inconveniente de ter que clicar no operador de porcentagem e, em seguida, clicar no operador de multiplicação para realizar a operação. Neste projeto, basta clicar no operador de porcentagem e a operação será realizada automaticamente no segundo operando.

0-9: Respectivamente, insere os números ao operando.

+: Insere o operador de soma.

-: Insere o operador de subtração.

*: Insere o operador de multiplicação.

/: Insere o operador de divisão.

%: Insere o operador de porcentagem.

Backspace: Apaga o operando/operador imediatamente a esquerda.

Esc: Limpa o display.

Navegador Web.