Geben Sie zwei Zahlen in HTML ein, um Additions-, Subtraktions-, Multiplikations- und Divisionsfunktionen zu realisieren

1. parseFloat()-Funktion Erstellen Sie auf einer Webseite einen einfachen Rechner, geben Sie zwei Zahlen in das Textfeld ein und seien Sie in der Lage, die beiden Zahlen zu addieren, zu subtrahieren, zu multiplizieren und zu dividieren. Die Funktion parseFloat() analysiert einen String und gibt eine Gleitkommazahl zurück. Diese Funktion gibt an, ob das erste Zeichen in einer Zeichenfolge eine Zahl ist. Wenn dies der Fall ist, wird die Zeichenfolge analysiert, bis das Ende der Nummer erreicht ist, und die Nummer wird als Zahl zurückgegeben. statt als Zeichenfolge. Syntax: parseFloat(Zeichenfolge); 2. Globale JavaScript-Eigenschaften

1. parseFloat()-Funktion

Erstellen Sie auf einer Webseite einen einfachen Rechner, geben Sie zwei Zahlen in das Textfeld ein und seien Sie in der Lage, die beiden Zahlen zu addieren, zu subtrahieren, zu multiplizieren und zu dividieren.
Die Funktion parseFloat() analysiert einen String und gibt eine Gleitkommazahl zurück.
Diese Funktion gibt an, ob das erste Zeichen in einer Zeichenfolge eine Zahl ist. Wenn dies der Fall ist, wird die Zeichenfolge analysiert, bis das Ende der Nummer erreicht ist, und die Nummer wird als Zahl zurückgegeben.
statt als Zeichenfolge.
Syntax: parseFloat(Zeichenfolge);

2. Globale JavaScript-Eigenschaften

Eigentum	beschreiben
Unendlichkeit	Ein Wert, der positive Unendlichkeit darstellt.
NaN	Gibt an, ob ein Wert ein numerischer Wert ist.
undefiniert	Zeigt einen nicht definierten Wert an.

3. Code vervollständigen

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <meta http-equiv="X-UA-kompatibel" content="ie=edge">
    <title>Dokument</title>
    <Skripttyp="text/javascript">
       Funktion cal(){
           var nums = document.getElementsByName("num");
           var sz = document.getElementsByName("js");
           var Ergebnis = document.getElementsByName("rs");
           var n1 = parseFloat(nums[0].Wert);
           var n2 = parseFloat(nums[1].Wert);
           Die Funktion /*parseFloat() analysiert einen String und gibt eine Gleitkommazahl zurück.
           Diese Funktion gibt an, ob das erste Zeichen in einer Zeichenfolge eine Zahl ist. Wenn dies der Fall ist, wird die Zeichenfolge analysiert, bis das Ende der Nummer erreicht ist, und die Nummer wird als Zahl zurückgegeben.
           statt als Zeichenfolge.
        */
            Schalter(sz[0].Wert){
            Fall "Hinzufügen": 
            Ergebnis[0].Wert = n1 + n2;
            brechen;
            Fall "min": 
            Ergebnis[0].Wert = n1 - n2;
            brechen;
            Fall "mul": 
            Ergebnis[0].Wert = n1 * n2;
            brechen;
            Fall "div": 
            Ergebnis[0].Wert = n1/n2; 
            brechen;
              }
          }
      </Skript>
</Kopf>
<Text>
    <div ausrichten="zentrieren">
        <Eingabetyp="Text" Name="Num" Wert="" onkeyup="Wert=Wert.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
        <Name auswählen="js" Größe="1">
            <optionswert="Hinzufügen">+</option>
            <optionswert="min">-</option>
            <option value="mul">*</option>
            <optionswert="div">/</option>
        </Auswählen>
   <Eingabetyp="Text" Name="Nummer" Wert=""onkeyup="Wert=Wert.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
  =
   <Eingabetyp="Text" Name="rs" Wert=""/><br>
   <button id="btn"onclick="cal()">Berechnen</button>
</div>
</body>
</html>

Effektanzeige:

Bildbeschreibung hier einfügen

Dies ist das Ende dieses Artikels zum Addieren, Subtrahieren, Multiplizieren und Dividieren zweier Zahlen durch Eingabe in HTML. Weitere relevante HTML-Inhalte zu Addition, Subtraktion, Multiplikation und Division finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<: Warum gibt es das in JS?

>>: Docker Nginx-Container und Tomcat-Container zur Realisierung von Lastausgleich und dynamischen und statischen Trennungsvorgängen

Zusammenfassung praktischer Fähigkeiten, die häufig in Vue-Projekten verwendet werden

Detaillierte Erläuterung, wie Sie Programme auf dem Alibaba Cloud Server bereitstellen und über Domänennamen direkt darauf zugreifen können

Ich hatte nichts zu tun, also kaufte ich zum Lern...

Geben Sie zwei Zahlen in HTML ein, um Additions-, Subtraktions-, Multiplikations- und Divisionsfunktionen zu realisieren

1. parseFloat()-Funktion

2. Globale JavaScript-Eigenschaften

3. Code vervollständigen

Zusammenfassung praktischer Fähigkeiten, die häufig in Vue-Projekten verwendet werden

So überwachen Sie den Linux-Serverstatus

WeChat-Applet + ECharts zur Realisierung eines dynamischen Aktualisierungsprozesses

Detaillierte Erklärung der Verwendung des Linux-Befehls nslookup

Lernen, React-Gerüste zu bauen

Detaillierte Schritte zur Installation von ros2 in Docker

Detaillierte Erläuterung der MySQL 8.0-Wörterbuchtabellenerweiterung

So verwenden Sie Echarts zum Visualisieren von Komponenten in Vue

Beispiel für die Generierung von Zufallszahlen und die Verkettung von Zeichenfolgen in MySQL

So fragen Sie Datum und Uhrzeit in MySQL ab

Artikel empfehlen

Die Hauptidee zum dynamischen Festlegen von Routing-Berechtigungen in Vue

Probleme beim Erstellen von Platzhaltern für HTML-Auswahlfelder

Detailliertes Tutorial zum Herunterladen und Installieren von mysql8.0.21

Tutorial zur HTML-Tabellenauszeichnung (30): Farbattribut für dunkle Zellenränder BORDERCOLORDARK

Notieren Sie eine Falle bei der Aktualisierung der MySQL-Update-Anweisung

Starten Sie eine lokale Kubernetes-Umgebung mit Kind und Docker

Upgrade der Docker-Version von MySQL 5.7 auf MySQL 8.0.13, Datenmigration

Einfache Kapselung von Axios und Beispielcode zur Verwendung

Mehrere praktische Szenarien zur Implementierung der Ersetzungsfunktion in MySQL

Detaillierte Erläuterung, wie Sie Programme auf dem Alibaba Cloud Server bereitstellen und über Domänennamen direkt darauf zugreifen können

JS implementiert die zufällige Generierung von Bestätigungscodes

Detaillierte Erklärung der Lösung für das zu langsame Docker-Compose

Praxis der Implementierung der Benutzeranmeldung durch Front-End- und Back-End-Interaktion von Node.js

JavaScript zum Erreichen einer festen Seitenleiste

Prozessdiagramm für die Ideenbereitstellung und Tomcat-Dienstimplementierung