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

Einfache Implementierung von Vue Drag & Drop

In diesem Artikel wird hauptsächlich die einfache...

Erläuterung des TypeScript-Namespace

Inhaltsverzeichnis 1. Definition und Verwendung 1...

Detaillierte Erklärung zum MySQL-Index

Inhaltsverzeichnis 1. Index-Grundlagen 1.1 Einlei...

Praktische Optimierung des MySQL-Paging-Limits

Vorwort Wenn wir Abfrageanweisungen verwenden, mü...

JavaScript-Entwurfsmuster, Proxy-Muster lernen

Inhaltsverzeichnis Überblick Durchführung Schutz-...

Tutorial zur Installation und Verwendung des Elasticsearch-Tools cerebro

Cerebro ist eine Weiterentwicklung des Elasticsea...

Lösen Sie das Problem ungültiger UTF8-Einstellungen in MySQL 5.6

Nach der Dekomprimierung der grünen Version von m...

Zusammenfassung gängiger Docker-Befehle (empfohlen)

1. Zusammenfassung: Im Allgemeinen können sie in ...

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

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

5 Tipps zum Schreiben von CSS, um Ihren Stil standardisierter zu gestalten

1. CSS alphabetisch ordnen Nicht in alphabetischer...