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

Tutorial zur Installation und Verwendung von Docker MQTT

Einführung in MQTT MQTT (Message Queuing Telemetr...

Fragen zum Vorstellungsgespräch zu JS 9 Promise

Inhaltsverzeichnis 1. Mehrere .catch 2. Mehrere ....

Schritte zum Exportieren der Felder und zugehörigen Attribute von MySQL-Tabellen

Müssen die Felder und Eigenschaften der Tabelle i...

Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript

Inhaltsverzeichnis JavaScript importieren 1. Inte...

Verhindern von SQL-Injection in Webprojekten

Inhaltsverzeichnis 1. Einführung in SQL-Injection...

Linux: Fünf-Schritte-Kernel-Build-Baum

Inhaltsverzeichnis 0. Der mit dem System geliefer...

Vue3.0 verwendet das Plug-In vue-grid-layout, um Drag-Layout zu implementieren

Inhaltsverzeichnis 1. Plugins 2. Zwischenspiel 3....

Grundlegende Verwendung von exists, in und any in MySQL

【1】existiert Verwenden Sie eine Schleife, um die ...

Grafisches Tutorial zum Konfigurieren eines Protokollservers unter Linux

Vorwort Dieser Artikel stellt hauptsächlich die r...