logo

JavaScript-Rechner

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.

JavaScript-Rechner

Jetzt führen wir mehrere Operationen im JavaScript-Rechner durch, indem wir die Zifferntaste drücken, wie gezeigt:

JavaScript-Rechner

Nachdem Sie die Vorgänge ausgeführt haben, klicken Sie auf „ = ' (gleich)-Taste, um die zurückzugeben JavaScript-Rechner' Ergebnis anzeigen .

Pandas Drehpunkt
JavaScript-Rechner

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.