logo

Calcolatrice JavaScript

Come sappiamo, il Calcolatrice è un dispositivo portatile utilizzato nella nostra vita quotidiana per eseguire varie funzioni matematiche come addizione, sottrazione, moltiplicazione, divisione , radice, ecc. Tuttavia, abbiamo calcolatori scientifici o sofisticati utilizzati per risolvere compiti complessi come funzioni trigonometriche, gradi, operatori esponenziali, funzioni logaritmiche, funzioni iperboliche, radice quadrata e così via. In questo argomento creeremo un programma di calcolo in JavaScript.

Esempio 1: creare una calcolatrice JavaScript utilizzando i linguaggi di programmazione JavaScript, HTML e CSS.

Costruisci.html

formato stringa Java lungo
 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> 
Provalo adesso

Produzione

Quando il programma sopra viene eseguito su qualsiasi browser, mostra l'immagine seguente.

Calcolatrice JavaScript

Ora eseguiamo più operazioni nella calcolatrice JavaScript premendo il pulsante numerico, come mostrato:

Calcolatrice JavaScript

Dopo aver eseguito le operazioni cliccare sul pulsante ' = ' (uguale) pulsante per restituire il file Calcolatrice JavaScript' Visualizza il risultato .

pitone tupla ordinato
Calcolatrice JavaScript

Inoltre, possiamo rimuovere il risultato visualizzato o il numero sbagliato uno per uno sul back-end facendo clic sulla B ( Indietro ). Se vogliamo rimuovere il numero completamente visibile, premiamo il tasto C ( Annulla ) dalla Calcolatrice.