logo

Calculadora JavaScript

Como sabemos, el Calculadora es un dispositivo portátil utilizado en nuestra vida diaria para realizar diversas funciones matemáticas como suma, resta, multiplicación, división , raíz, etc. Sin embargo, disponemos de calculadoras científicas o sofisticadas que se utilizan para resolver tareas complejas como funciones trigonométricas, grados, operadores exponenciales, funciones logarítmicas, funciones hiperbólicas, raíces cuadradas, etc. En este tema, crearemos un programa de calculadora en JavaScript.

Ejemplo 1: cree una calculadora JavaScript utilizando los lenguajes de programación JavaScript, HTML y CSS.

Construir.html

diferencia entre árbol binario y árbol de búsqueda binaria
 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> 
Pruébalo ahora

Producción

Cuando el programa anterior se ejecuta en cualquier navegador, muestra la siguiente imagen.

Calculadora JavaScript

Ahora realizamos múltiples operaciones en JavaScript Calculator presionando el botón numérico, como se muestra:

Calculadora JavaScript

Después de realizar las operaciones, haga clic en el botón ' = ' botón (igual) para devolver el Resultado de visualización de la calculadora JavaScript .

lectura de archivos csv en java
Calculadora JavaScript

Además, podemos eliminar el resultado mostrado o el número incorrecto uno por uno en la parte posterior haciendo clic en B ( Atrás ) botón. Si queremos eliminar el número completamente visible pulsamos la tecla C ( Cancelar ) de la Calculadora.