Wie wir wissen, ist die Taschenrechner ist ein tragbares Gerät, das in unserem täglichen Leben verwendet wird, um verschiedene mathematische Funktionen auszuführen, wie z Addition, Subtraktion, Multiplikation, Division , Wurzel usw. Wir verfügen jedoch über wissenschaftliche oder hochentwickelte Taschenrechner, mit denen komplexe Aufgaben wie Trigonometriefunktionen, Gradzahlen, Exponentialoperatoren, Logarithmusfunktionen, hyperbolische Funktionen, Quadratwurzeln usw. gelöst werden können. In diesem Thema erstellen wir ein Taschenrechnerprogramm in JavaScript.
Beispiel 1: Erstellen Sie einen JavaScript-Rechner mit den Programmiersprachen JavaScript, HTML und CSS.
Build.html
Java-Concat-Strings
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>Testen Sie es jetzt
Ausgabe
Wenn das obige Programm in einem beliebigen Browser ausgeführt wird, wird das folgende Bild angezeigt.
Jetzt führen wir mehrere Operationen im JavaScript-Rechner durch, indem wir die Zifferntaste drücken, wie gezeigt:
Nachdem Sie die Vorgänge ausgeführt haben, klicken Sie auf „ = ' (gleich)-Taste, um die zurückzugeben JavaScript-Rechner' Ergebnis anzeigen .
Pandas Drehpunkt
Darüber hinaus können wir das angezeigte Ergebnis oder die falsche Zahl einzeln im Backend entfernen, indem wir auf das B klicken ( Zurück ) Taste. Wenn wir die vollständig sichtbare Nummer entfernen möchten, drücken Sie die Taste C ( Stornieren )-Schaltfläche im Rechner.