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

Warum der Speicherplatz nach dem Löschen von Daten in MySQL nicht freigegeben wird

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

Warum der Speicherplatz nach dem Löschen von Daten in MySQL nicht freigegeben wird

JavaScript implementiert Tab-Leisten-Umschalteffekte

Drei Netzwerkmethoden und Prinzipien von virtuellen VMware-Maschinen (Zusammenfassung)

Listen Sie Rendering-Anweisungen für eine effiziente Entwicklung des Vue-Frontends auf

So starten Sie die RabbitMq-Software automatisch, wenn CentOS gestartet wird

Beispiele und Zusammenfassung der In-, Out- und Inout-Parameter von gespeicherten MySQL-Prozeduren

Vue+axios-Beispielcode zum Hochladen von Bildern und Erkennen von Gesichtern

Gründe für den plötzlichen Leistungsabfall bei MySQL

Verwenden Sie Prometheus, um den verbleibenden verfügbaren Prozentsatz der MySQL-Autoinkrement-Primärschlüssel zu zählen

Exquisiter Snake-Implementierungsprozess in JavaScript

Artikel empfehlen

So verwenden Sie Mixins in Vue

HTML verwendet Formular-Tags, um den Beispielcode der Registrierungsseite zu implementieren

Detaillierte Erklärung der Set-Datenstruktur von JavaScript

So richten Sie die Swap-Partition SWAP in Linux 7.7 ein

Detaillierte Erklärung zum Anpassen des Linux-Befehlsverlaufs

MySQL-Protokolleinstellungen und Anzeigemethoden

Tutorial zur Installation einer MySQL-ZIP-Datei

Praktisches Beispiel für verschachtelte Routen im vue.js Router

Methode zum Vergleichen der Größe von Varchar-Typnummern in einer MySQL-Datenbank

Unterschied zwischen MySQL-Update-Set und und

Implementierung von JavaScript zum Herunterladen und Hochladen verknüpfter Bilder

Detaillierte Erklärung des Problems bei der Kombination von CSS-Ellipsen und -Auffüllungen

Detaillierte Erläuterung zur Lösung des Zirkelreferenzproblems bei der Verwendung von JSON.stringify

So ändern Sie das vergessene Passwort bei der Installation von MySQL auf dem Mac

Eine kurze Diskussion zur Auftragsrekonstruktion: MySQL-Sharding