logo

Calculadora JavaScript

Como sabemos, o Calculadora é um dispositivo portátil usado em nossa vida diária para realizar diversas funções matemáticas, como adição, subtração, multiplicação, divisão , raiz, etc. No entanto, temos calculadoras científicas ou sofisticadas usadas para resolver tarefas complexas, como funções trigonométricas, graus, operadores exponenciais, funções logarítmicas, funções hiperbólicas, raiz quadrada e assim por diante. Neste tópico, criaremos um programa de calculadora em JavaScript.

Exemplo 1: Crie uma calculadora JavaScript usando as linguagens de programação JavaScript, HTML e CSS.

Construir.html

ideia intellij vs eclipse
 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 
Teste agora

Saída

Quando o programa acima é executado em qualquer navegador, ele mostra a imagem abaixo.

Calculadora JavaScript

Agora realizamos múltiplas operações na Calculadora JavaScript pressionando o botão numérico, conforme mostrado:

Calculadora JavaScript

Após realizar as operações, clique no botão ' = ' botão (igual) para retornar o Resultado de exibição da calculadora JavaScript .

chmod 755
Calculadora JavaScript

Além disso, podemos remover o resultado exibido ou o número errado um por um no back-end clicando no botão B ( Voltar ) botão. Se quisermos remover o número completamente visível, pressione o botão C ( Cancelar ) da Calculadora.