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

3D-Tunneleffekt implementiert durch CSS3

Der erzielte EffektImplementierungscode html <...

CSS kompletter Parallax-Scrolling-Effekt

1. Was ist Beim Parallax-Scrolling handelt es sic...

Detaillierte Erklärung zur Verwendung von Filtereigenschaften in CSS3

Als ich kürzlich das Intranet-Portal änderte, sti...

Eine kurze Diskussion über HTML-Dokumenttypen und -Kodierung

DOKTYP Doctype wird verwendet, um dem Browser mit...

So implementieren Sie die jQuery-Karussellfunktion

In diesem Artikel wird der Implementierungscode d...

JavaScript-Canvas zum Erzielen eines Regentropfeneffekts

In diesem Artikelbeispiel wird der spezifische Co...

10 beliebte Windows-Apps, die auch unter Linux verfügbar sind

Laut dem Datenanalyseunternehmen Net Market Share...

WeChat-Applet implementiert Taschenrechnerfunktion

WeChat-Miniprogramme erfreuen sich immer größerer...

Optimierte Implementierung von count() für große MySQL-Tabellen

Das Folgende ist mein Urteil basierend auf der Da...

Verwendung des optionalen Verkettungsoperators von JS

Vorwort Der optionale Verkettungsoperator (?.) er...

Design-Referenz: Erfolgsbeispiel für die Erstellung einer WordPress-Website

Jede dieser 16 Sites ist eine sorgfältige Lektüre ...

Implementierung der Nummernschild-Eingabefunktion im WeChat-Applet

Inhaltsverzeichnis Vorwort Hintergrund Große Verm...

Einführung in Linux-Komprimierungs- und Dekomprimierungsbefehle

Inhaltsverzeichnis Gängige Komprimierungsformate:...