JavaScript implementiert einfache Rechnerfunktion

In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung einer einfachen Rechnerfunktion zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt

Die spezifischen Anforderungen sind wie folgt:

Implementierungscode:

<html>
  <Kopf>
    <meta charset="utf-8">
    <title>Rechner</title>
    <Skript>
      Funktion myck(Typ){
        var num1 = document.getElementById("num1");
        var num2 = document.getElementById("num2");
        wenn(Typ==1){
          // Berechnungsoperation var Ergebnis = parseInt(num1.value) + parseInt(num2.value);
          Alarm(Ergebnis);
          document.getElementById("resultDiv").innerText = "Endgültiges Berechnungsergebnis: " + result;
        }sonst wenn(Typ==2){
    var Ergebnis = parseInt(num1.Wert) – parseInt(num2.Wert);
             Alarm(Ergebnis);
             document.getElementById("resultDiv").innerText = "Endgültiges Berechnungsergebnis: " + result;
   }
     sonst wenn(Typ==3){
     var Ergebnis = parseInt(num1.Wert) * parseInt(num2.Wert);
     Alarm(Ergebnis);
     document.getElementById("resultDiv").innerText = "Endgültiges Berechnungsergebnis: " + result;
      }
         sonst wenn(Typ==4){
        if(confirm("Ist es richtig gelöscht?")){
        // Löschen Sie num1.value = "";
        num2.value = "";
        document.getElementById("resultDiv").innerText="";
      }
           }
      }
    </Skript>
  </Kopf>
  <Text>
    <div Stil="Rand oben: 100px;Rand links: 500px;">
      <span style="font-size: 60px;">Rechner</span>   
    </div>
    <div>
      <div Klasse = "innerDiv" Stil = "margin-left: 490px;">
        Nummer 1: <input id="num1" type="number" placeholder="Bitte geben Sie die Nummer 1 ein"> 
      </div>
    </div>
    <div>
      <div Klasse = "innerDiv" Stil = "margin-left:490px;">
      Nummer 2: <input id="num2" type="number" placeholder="Bitte geben Sie Nummer 2 ein">
     </div> 
    </div>
    <div>
      <div Stil="margin-left: 500px;" Klasse="innerDiv">
        <input type="button" onclick="myck(1)" value="Hinzufügen">
    <input type="button" onclick="myck(2)" value="Subtrahieren">
    <input type="button" onclick="myck(3)" value="Multiplizieren">
        <input type="button" onclick="myck(4)" value="Löschen&nbsp;&nbsp;Leeren">
      </div> 
    </div>
    <div id="ErgebnisDiv">

    </div>
  </body>
  <Stil>
    .innerDiv{
      Rand links: 420px;
      Rand oben: 20px;
    }
  </Stil>
</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:

Ein einfacher Rechner, geschrieben in Javascript, mit viel Inhalt und praktischen Methoden. Empfohlen
Einfacher JS-Code zur Realisierung des Taschenrechnerbetriebs
js implementiert einen einfachen Rechner
HTML+JS implementiert einfachen Taschenrechnercode (Addition, Subtraktion, Multiplikation und Division)
Einfacher Rechner-Implementierungscode, geschrieben in JS
JavaScript - einfache Implementierungsschrittzerlegung für Rechner (mit Bildern)
Reiner Javascript-Code zur Implementierung von Rechnerfunktionen (drei Methoden)
js implementiert einen einfachen Rechner
Web-Rechner Ein JS-Rechner
Einfache Implementierung eines JS-Web-Rechners

<<: So verwenden Sie Nginx zur Simulation einer Blue-Green-Bereitstellung

>>: So lösen Sie das Problem, dass MySQL nicht gestartet werden kann, da keine PID erstellt werden kann