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

Skriptbeispiel zum Starten und Stoppen von Spring-Boot-Projekten in Linux

Es gibt drei Möglichkeiten, ein Springboot-Projek...

MySql Installer 8.0.18 Visuelles Installationstutorial mit Bildern und Text

Inhaltsverzeichnis 1. MySQL 8.0.18 installieren 2...

Detaillierte Analyse des React Diff-Prinzips

Inhaltsverzeichnis Diffing-Algorithmus Schicht-fü...

CocosCreator klassisches Einstiegsprojekt flappybird

Inhaltsverzeichnis Entwicklungsumgebung Game-Engi...

10 hervorragende Web-UI-Bibliotheken/Frameworks

1. IT Mill-Toolkit IT Mill Toolkit ist ein Open-S...

JavaScript-Einzelthread und asynchrone Details

Inhaltsverzeichnis 1. Aufgabenwarteschlange 2. Um...

Erfahren Sie mehr über die MySQL-Speicher-Engine

Inhaltsverzeichnis Vorwort 1. MySQL-Hauptspeicher...

VMware vSAN - Zusammenfassung der ersten Schritte

1. Hintergrund 1. Stellen Sie kurz den Shared Sto...

Detaillierte Erklärung zur korrekten Installation von OpenCV auf Ubuntu

Dieser Artikel beschreibt, wie man OpenCV mit C++...

Tutorial zum Deaktivieren und Aktivieren von Triggern in MySQL [Empfohlen]

Bei der Verwendung von MySQL werden häufig Trigge...

ReactHooks Batch-Update-Status und Abrufen von Routenparametern Beispielanalyse

Inhaltsverzeichnis 1. So führen Sie stapelweise U...

Lernen Sie Node.js von Grund auf

Inhaltsverzeichnis URL-Modul 1.Parse-Methode 2. F...