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

Benutzerdefinierter Bulletbox-Effekt von Vue (Bestätigungsfeld, Eingabeaufforderungsfeld)

MySQL implementiert die kontinuierliche Anmeldefunktion und startet nach einem Tag der Anmeldung von vorne (SQL-Anweisung).

Artikel

Detaillierte Erläuterung von 30 SQL-Abfrageoptimierungstechniken für MySQL-Zehnmillionen großer Datenmengen

Artikel empfehlen

Mehrere Methoden zur horizontalen und vertikalen Zentrierung von Div-Inhalten mit CSS3 Flex

1. Flex-Richtung: (Richtung der Elementanordnung)...

HTML+CSS3-Code zur Realisierung des Animationseffekts der Planeten des Sonnensystems

Erstellen Sie eine Animation der acht Planeten de...

Eine schnelle Lösung für das Problem, dass im entpackten Paket von Windows 64-Bit MySQL 5.7 oder höher kein Datenverzeichnis und keine my-default.ini vorhanden sind und der Dienst nicht gestartet werden kann (Problemübersicht)

Ich bin ein SQL-Anfänger und dachte, die Installa...

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

Benutzerdefinierter Bulletbox-Effekt von Vue (Bestätigungsfeld, Eingabeaufforderungsfeld)

Freigabe der schnellen Wiederherstellungslösung für große MySQL-SQL-Dateien

Detaillierter Prozess der Installation verschiedener Software in Docker unter Windows

Detaillierte Erklärung von 7 SSH-Befehlsverwendungen in Linux, die Sie nicht kennen

MySQL implementiert die kontinuierliche Anmeldefunktion und startet nach einem Tag der Anmeldung von vorne (SQL-Anweisung).

Detaillierte Erläuterung von 30 SQL-Abfrageoptimierungstechniken für MySQL-Zehnmillionen großer Datenmengen

Schritte zum Anpassen des Symbols in Vue

Detaillierte Erklärung der Routenkonfiguration von Vue-Router

Wie verfolgt Vue Datenänderungen?

Vue implementiert ein Suchfeld mit einer Lupe

Artikel empfehlen

Mehrere Methoden zur horizontalen und vertikalen Zentrierung von Div-Inhalten mit CSS3 Flex

HTML+CSS3-Code zur Realisierung des Animationseffekts der Planeten des Sonnensystems

Eine schnelle Lösung für das Problem, dass im entpackten Paket von Windows 64-Bit MySQL 5.7 oder höher kein Datenverzeichnis und keine my-default.ini vorhanden sind und der Dienst nicht gestartet werden kann (Problemübersicht)

Analyse der Initialisierung des Quellcodes des Linux-Kernel-Schedulers

Unterscheiden Sie zwischen Nullwert und leerem Zeichen ('') in MySQL

Eine Codezeile löst verschiedene IE-Kompatibilitätsprobleme (IE6-IE10)

So gehen Sie mit vergessenen Passwörtern in Windows Server 2008 R2 um

CSS-Implementierungscode für die Textausrichtung

Dropdown-Menü implementiert durch HTML+CSS3+JS

Grafisches Tutorial zur Installation von MySQL 5.7.19 (tar.gz) unter Linux

Detaillierte Schritte zur Installation von MySql 5.7.21 unter Linux

Vor- und Nachteile von Vite und Vue CLI

Über das durch die HTML-Kodierung verursachte verstümmelte Problem

So verhindern Sie Event-Bubbling in JavaScript

Mehrere Möglichkeiten, „Textüberlaufkürzung und -auslassung“ mit reinem CSS zu implementieren