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.
Ora eseguiamo più operazioni nella calcolatrice JavaScript premendo il pulsante numerico, come mostrato:
Dopo aver eseguito le operazioni cliccare sul pulsante ' = ' (uguale) pulsante per restituire il file Calcolatrice JavaScript' Visualizza il risultato .
pitone tupla ordinato
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.