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

Grafisches Tutorial zur Installation und Konfiguration komprimierter Pakete von MySQL 5.7.17

JavaScript implementiert einfache Rechnerfunktion

Grafisches Tutorial zur Installation und Konfiguration komprimierter Pakete von MySQL 5.7.17

Tutorial zum Bereitstellen mehrerer Server mit WebAPI und Konfigurieren des Nginx-Lastausgleichs

Beispiel für die Verwendung von Dockerfile zum Erstellen eines Nginx-Images

Eine kurze Diskussion über das Prinzip der bidirektionalen Datenbindung von React

Lösung für das Problem „Tabelle mysql.plugin existiert nicht“ beim Deployment von MySQL

8 Beispiele für die Verwendung des Killall-Befehls zum Beenden von Prozessen in Linux

Detaillierte Erklärung des Unterschieds zwischen CSS-Link und @import

Detaillierte Erklärung der Box-Größe in CSS3 (Content-Box und Border-Box)

Verwendung und Optimierung der MySQL COUNT-Funktion

So installieren Sie MySQL 8.0 und melden sich bei MySQL unter MacOS an

Artikel empfehlen

So konfigurieren Sie geplante MySQL-Aufgaben (EVENT-Ereignisse) im Detail

Docker Consul-Übersicht und Schritte zum Erstellen einer Clusterumgebung (grafische Erklärung)

Detaillierte Schritte zur Installation der angegebenen Docker-Version (1.12.6) mit RPM

VUE+Canvas implementiert das Spiel God of Wealth und erhält Barren

Verschiedene Arten von MySQL-Indizes

Grundlegende Einführung in Echarts: Allgemeine Konfiguration von Balkendiagrammen und Liniendiagrammen

HTML+CSS zum Hinzufügen eines Löschkreuzes und einer Bildlöschschaltfläche in der oberen rechten Ecke des Bildes

Detaillierte Erklärung des Mindestbreitenwerts von Inline-Blöcken in CSS

Ein Artikel, der Ihnen ein tiefes Verständnis von Mysql-Triggern vermittelt

Installation und Verwendung von MySQL unter Ubuntu (allgemeine Version)

Reines CSS, um den Listen-Pulldown-Effekt auf der Seite zu erzielen

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22 unter Windows 10

So ändern Sie das Anfangskennwort eines Benutzers in mysql5.7

Beispiel für die Umsetzung eines 2-spaltigen Layouts in HTML (links feste Breite, rechts adaptive Breite)

Mehrere beliebte Website-Navigationsrichtungen in der Zukunft