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

Analyse und Lösung eines Fehlalarmproblems bei der langsamen MySQL-Protokollüberwachung

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

Analyse und Lösung eines Fehlalarmproblems bei der langsamen MySQL-Protokollüberwachung

CSS fixiert das Tag auf Containerebene (div...) an einer Position (ganz rechts auf der Seite)

Zusammenfassung der Ausführungsprobleme zwischen MySQL Max und Where

Detaillierte Erklärung dieses Zeigeproblems in JavaScript

Wie erreicht MySQL die Parallelität mehrerer Versionen?

Implementierung eines einfachen Chatroom-Dialogs basierend auf WebSocket

Sortieren von MySQL-Aggregatfunktionen

MySql verwendet Skip-Name-Resolve, um das Problem langsamer externer Netzwerkverbindungen des Clients zu lösen

Schreiben von qualitativ hochwertigem Code – Praxisbuchauszüge zur Web-Frontend-Entwicklung

CSS realisiert Div vollständig zentriert, ohne Höhe festzulegen

Artikel empfehlen

Docker-Installation und Bereitstellung einer Analyse des Net Core-Implementierungsprozesses

Vue implementiert Login-Sprung

Einführung in das Fokuselement document.activeELEment in JavaScript

So verwenden Sie Nginx, um die Koexistenz mehrerer Container auf dem Server zu realisieren

CSS3 beschleunigt und verzögert Übergänge

Alibaba Cloud Server Linux-System erstellt Tomcat zur Bereitstellung von Webprojekten

Die Tabelle verwendet: nth-child(), um abwechselnde Farbänderungen und Ausrichtungen zu erreichen

Bootstrap 3.0 Studiennotizen Grid-System-Fall

Zusammenfassung häufig verwendeter Anweisungen zur Änderung mehrerer Tabellen in MySQL und Oracle

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.6.22

Analyse des benutzerdefinierten Überwachungs- und Alarmimplementierungsprozesses von Linux Zabbix

Hilfedokument „MySQL-Lernhinweise“

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 unter macOS

Implementierung von erzwungenen Zeilenumbrüchen und Nicht-Zeilenumbrüchen in div, td, p und anderen Containern in HTML

Mehrere Möglichkeiten zum Festlegen der Ablaufzeit von localStorage