logo

Calculadora JavaScript

Com sabem, el Calculadora és un dispositiu portàtil que s'utilitza en la nostra vida diària per realitzar diverses funcions matemàtiques com ara suma, resta, multiplicació, divisió , arrel, etc. Tanmateix, disposem de calculadores científiques o sofisticades que s'utilitzen per resoldre tasques complexes com ara funcions de trigonometria, graus, operadors exponencials, funcions de registre, funcions hiperbòliques, arrel quadrada, etc. En aquest tema, crearem un programa de calculadora en JavaScript.

Exemple 1: creeu una calculadora de JavaScript utilitzant els llenguatges de programació JavaScript, HTML i CSS.

Build.html

comproveu el null a Java
 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> 
Prova-ho ara

Sortida

Quan el programa anterior s'executa en qualsevol navegador, mostra la imatge següent.

Calculadora JavaScript

Ara fem diverses operacions a la calculadora JavaScript prement el botó numèric, tal com es mostra:

Calculadora JavaScript

Després de realitzar les operacions, feu clic a ' = ' (igual) per tornar el botó Mostra el resultat de la calculadora JavaScript .

conceptes java oops
Calculadora JavaScript

A més, podem eliminar el resultat que es mostra o el número incorrecte un per un a la part posterior fent clic a la B ( esquena botó ). Si volem eliminar el número completament visible, premeu la C ( Cancel · lar ) de la calculadora.