JavaScript implementiert einfache Rechnerfunktion

In diesem Artikel wird der spezifische JavaScript-Code zur Implementierung eines einfachen Rechners zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt

Dieses Beispiel ist ein einfacher Rechner:

Codebeispiel:

<!DOCTYPE html>
<html lang="de">

<Kopf>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-kompatibel" content="IE=edge">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>Einfacher Rechner</title>
    <Skript>
        var choice = prompt('Willkommen beim einfachen Rechner:\n1. Addition;\n2. Subtraktion;\n3. Multiplikation;\n4. Division;\n5. Beenden;\nBitte geben Sie Ihre Option ein:');
        Schalter (Auswahl) {
            Fall '1':
                hinzufügen();
                brechen;
            Fall '2':
                unter();
                brechen;
            Fall '3':
                Multiplikation();
                brechen;
            Fall '4':
                Division();
                brechen;
            Fall '5':
                alert('Beendet')
                brechen;
        }

        // Funktion hinzufügen add() {
            var num = prompt('Bitte geben Sie die Anzahl der hinzuzufügenden Zahlen ein:');
            var Summe = 0;
            var arr = [];
            für (var i = 0; i < num; i++) {
                arr[i] = prompt('Bitte geben Sie den Wert der Zahl ' + (i + 1) + ' ein: ');
                Konsole.log(arr[i]);
                Summe += parseFloat(arr[i]);

                /* 
                Hinweis: Mit dieser Schreibweise können Sie dem Array arr Werte zuweisen, Sie können jedoch arr [arr.length] nicht aufrufen, da das Ergebnis des Aufrufs undefiniert ist
                arr[arr.length] = prompt('Bitte geben Sie den Wert der Zahl ' + (i + 1) + ' ein: ');
                Konsole.log(arr[arr.Länge]);
                Summe += parseFloat(arr[arr.Länge]); 
                */
            }
            alert(arr + 'Die Summe dieser Zahlen ist:' + sum);
        }

        // Subtraktionsfunktion sub() {
            var number1 = prompt('Bitte geben Sie den ersten Wert ein:');
            var number2 = prompt('Bitte geben Sie den zweiten Wert ein:');
            var Ergebnis = parseFloat(Zahl1) – parseFloat(Zahl2);
            alert(Zahl1 + 'Minus' + Zahl2 + 'der Wert ist:' + Ergebnis);
        }

        // Multiplikationsfunktion multiplikation() {
            var number1 = prompt('Bitte geben Sie den ersten Wert ein:');
            var number2 = prompt('Bitte geben Sie den zweiten Wert ein:');
            var Ergebnis = parseFloat(Zahl1) * parseFloat(Zahl2);
            alert(Zahl1 + ' multipliziert mit ' + Zahl2 + ' ist: ' + Ergebnis);
        }

        // Zusätzlich zur Funktion division() {
            var number1 = prompt('Bitte geben Sie den ersten Wert ein:');
            var number2 = prompt('Bitte geben Sie den zweiten Wert ein:');
            var Ergebnis = parseFloat(Zahl1) / parseFloat(Zahl2);
            alert(Zahl1 + 'geteilt durch' + Zahl2 + 'der Wert ist:' + Ergebnis);
        }
    </Skript>
</Kopf>

<Text>

</body>

</html>

Hinweis: Versuchen Sie, arr[arr.length] zum Zuweisen und Berechnen zu verwenden, aber Sie können nur zuweisen, nicht aufrufen. Der Aufruf zeigt, dass der Wert von arr[arr.length] undefiniert ist

Seiteneffekt:

hinzufügen:

reduzieren:

nehmen:

entfernen:

aufhören:

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
js-Version zur Realisierung der Rechnerfunktion
Natives JS zur Implementierung eines einfachen Rechners
Implementierung eines einfachen Rechners mit Javascript
Einen Web-Rechner mit Javascript schreiben
JavaScript-Beispiel – Implementieren eines Taschenrechners

<<: Eine kurze Diskussion über drei Methoden der asynchronen Replikation in MySQL 8.0

>>: So stellen Sie eine einzelne Datenbank oder Tabelle in MySQL wieder her und mögliche Fallstricke

Detaillierte Erklärung zum Ändern des Standardstils der externen Komponente Vant basierend auf der Vue-CLI-Entwicklung

JavaScript implementiert einfache Rechnerfunktion

Detaillierte Erklärung zum Ändern des Standardstils der externen Komponente Vant basierend auf der Vue-CLI-Entwicklung

Verwenden Sie die CSS-Eigenschaft border-radius, um den Bogen festzulegen

Horizontales Header-Menü mit CSS3 implementiert

Vollständige Schritt-für-Schritt-Anleitung zur Installation und Deinstallation von MySQL 8.0.26

Detaillierte Erläuterung der Befehle für grundlegende MySQL-Operationsanweisung

Zusammenfassung gängiger SQL-Anweisungen in MySQL

Detaillierte Erklärung von :key in VUE v-for

Implementierungsmethode für die bidirektionale Bindung von Vue-Daten

Mein CSS-Architekturkonzept – es ist von Person zu Person unterschiedlich, es gibt kein Bestes, nur das Passende

Drei häufig verwendete MySQL-Datentypen

Artikel empfehlen

Warum kann MySQL bei der Verwendung von Zeitstempeln Zeitzonenprobleme ignorieren?

Eine kurze Analyse der MySQL-Sicherung und -Wiederherstellung

Was Sie über Responsive Design wissen müssen

Webdesign-Tutorial (2): Über Nachahmung und Plagiat

Zwei Möglichkeiten, HTML zu implementieren, um Inhaltspositionen zufällig zu verschieben

Grundlegende Anwendungsbeispiele für Listener in Vue

In diesem Artikel erfahren Sie mehr über NULL in MySQL

Erstellen Sie einen Tomcat9-Cluster über Nginx und realisieren Sie die Sitzungsfreigabe

Tiefgreifendes Verständnis des Linux-Lastausgleichs LVS

So ändern Sie die inländische Quelle von Ubuntu 20.04 apt

MySQL führt Befehle für externe SQL-Skriptdateien aus

SQL-basierte Abfrageanweisungen

docker-maven-plugin verpackt das Image und lädt es in ein privates Warehouse hoch

So stellen Sie vom lokalen Windows-Remotedesktop eine Verbindung zum Alibaba Cloud Ubuntu 16.04-Server her

Vue verwendet Canvas-Handschrifteingabe, um Chinesisch zu erkennen