Implementierung eines einfachen Rechners mit Javascript

Implementierung eines einfachen Rechners mit Javascript

In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung eines einfachen Rechners als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt

Entwerfen Sie einen einfachen Taschenrechner

Code

 <Text>
  <a>Erste Zahl</a>
  <Eingabetyp="Test" ID="inputId1" Wert="" /><br/>
  <a>Zweite Nummer</a>
  <Eingabetyp="Test" ID="inputId2" Wert="" /><br/>
  <button onclick="cal('+')">+</button>
  <button onclick="cal('-')">-</button>
  <button onclick="cal('*')">*</button>
  <button onclick="cal('/')">/</button><br/>
  Berechnungsergebnisse
  <Eingabetyp="Test" ID="Ergebnis-ID" Wert="" />
  <Skripttyp="text/javascript">
   // Funktion add() {
   // console.log('Hinzufügen');
   // var inputObj1 = document.getElementById('inputId1');
   // var inputObj2 = document.getElementById('inputId2');
   // var Ergebnis = parseInt(inputObj1.value) + parseInt(inputObj2.value);
   // var resultObj = document.getElementById('Ergebnis');
   // resultObj.value = Ergebnis;
   // console.log(Ergebnis);
   // }
   Funktion cal(Typ) {
    var inputObj1 = document.getElementById('inputId1');
    var inputObj2 = document.getElementById('inputId2');
    Schalter(Typ){
     Fall '+':
      var Ergebnis = parseInt(inputObj1.Wert) + parseInt(inputObj2.Wert);
      brechen;
     Fall '-':
      var Ergebnis = parseInt(inputObj1.Wert) – parseInt(inputObj2.Wert);
      brechen;
     Fall '*':
      var Ergebnis = parseInt(inputObj1.Wert) * parseInt(inputObj2.Wert);
      brechen;
     Fall '/':
      var Ergebnis = parseInt(inputObj1.Wert) / parseInt(inputObj2.Wert);
      brechen;
    }
    var resultObj = document.getElementById('resultId');
    resultObj.value = Ergebnis;
   }
   
  </Skript>
 </body>
</html>

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:
  • Implementierung eines einfachen Altersrechners auf Basis von HTML+JS
  • Implementierung eines Web-Rechners mit nativem JavaScript
  • Detaillierte Erläuterung des Prozesses zur Realisierung der Rechnerfunktion in Javascript
  • JavaScript implementiert einfache Rechnerfunktion
  • js-Version zur Realisierung der Rechnerfunktion
  • Natives JS zur Implementierung eines einfachen Rechners
  • Einen Web-Rechner mit Javascript schreiben
  • JavaScript-Beispiel – Implementieren eines Taschenrechners

<<:  Zusammenfassung grundlegender SQL-Anweisungen in der MySQL-Datenbank

>>:  So führen Sie ein Python-Skript auf Docker aus

Artikel empfehlen

So verwenden Sie SVG-Symbole in WeChat-Applets

SVG wurde in den letzten Jahren aufgrund seiner v...

Lösen Sie das Problem „Rand: oberer Kollaps“ in CCS

Die HTML-Struktur ist wie folgt: Die CCS-Struktur...

MySQL MSI Installations-Tutorial unter Windows 10 mit Bildern und Text

1. Herunterladen 1. Klicken Sie auf den neuesten ...

Beispiel für die Verwendung von Docker zum Erstellen eines ELK-Protokollsystems

Die folgenden Installationen verwenden alle das V...

Eine kurze Diskussion über den CSS-Kaskadierungsmechanismus

Warum hat CSS einen Kaskadierungsmechanismus? Da ...

Font Treasure House 50 exquisite kostenlose englische Schriftartenressourcen Teil 2

Designer verfügen über eine eigene Schriftartenbi...

So erstellen Sie eine Ansicht für mehrere Tabellen in MySQL

Erstellen Sie in MySQL eine Ansicht für zwei oder...

Die Fallstricke bei der Beurteilung von NULL-Werten in MySQL

Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...

Details zu MySQL-Zeittypen und -Modi

Inhaltsverzeichnis 1. MySQL-Zeittyp 2. Überprüfen...