Heim > Artikel > Web-Frontend > Wie verwende ich JavaScript, um eine Nachricht anzuzeigen, wenn eine bestimmte Zahl innerhalb eines Bereichs liegt?

Wie verwende ich JavaScript, um eine Nachricht anzuzeigen, wenn eine bestimmte Zahl innerhalb eines Bereichs liegt?

WBOYnach vorne: 2023-09-06 23:09:08870Durchsuche

如何使用 JavaScript 在给定数字在范围内时显示消息？

In diesem Artikel prüfen wir, ob eine Zahl innerhalb eines bestimmten Bereichs liegt und zeigen basierend auf der resultierenden Ausgabe eine Meldung an. Mit dieser Funktion von JavaScript können Sie beim Erstellen eines Formulars oder eines anderen Dokuments eine numerische Validierung durchführen.

Syntax

Im Folgenden finden Sie die Syntax, um zu überprüfen, ob eine Zahl innerhalb des Bereichs liegt, und um eine Meldung anzuzeigen:

if (isNaN(number) || number < lower || number > upper){
   document.getElementById("output").innerHTML = number + " is not in range";
} else {
   document.getElementById("output").innerHTML = number + " is in range";
}

Hier ist Nummer die eingegebene Zahl, um zu überprüfen, ob sie innerhalb des Bereichs liegt. „lower“ und „upper“ sind die unteren und oberen Grenzen des Bereichs.

Algorithmus

Schritt 1 - Verwenden Sie die prompt()-Methode, um Zahlen einzugeben.
Schritt 2 - Überprüfen Sie drei Bedingungen: erstens, ob es NaN ist, zweitens, ob es NaN ist, wenn die Zahl kleiner als die untere Grenze des Bereichs ist, und drittens, wenn die Zahl größer als die obere Grenze ist Reichweite.
Schritt 3 – Wenn eine der oben genannten drei Bedingungen zutrifft, wird eine Meldung angezeigt, die besagt, dass die Nummer nicht im Bereich liegt. Andernfalls wird eine Meldung angezeigt, die besagt, dass die Nummer im Bereich liegt.

Beispiel

Im folgenden Beispiel prüfen wir, ob die eingegebene Zahl im Bereich von 1 bis 10 liegt und zeigen eine Meldung an.

<!DOCTYPE html>
<html>
<body>
   <div>
   <h3>Display Message if number is in Range</h3>
   <p>Click the below button to enter number.</p>
   <button onclick="display()"> click me</button>
   <p id="output"></p>
   </div>
   <script>
      function display() {
         const number = prompt(&#39;Please enter a number:&#39;);
         if (isNaN(number) || number < 1 || number > 10)
            document.getElementById("output").innerHTML = number + " is not in range";
         else
            document.getElementById("output").innerHTML = number + " is in range";
      }
   </script>
</body>
</html>

Wie im Ausgabefenster gezeigt, werden Sie nach dem Klicken auf die Schaltfläche „Klicken Sie auf mich“ aufgefordert, eine Nummer einzugeben.

Nachdem Sie die Zahl in das Eingabeaufforderungsfeld eingegeben haben, wissen Sie, ob sie innerhalb des angegebenen Bereichs liegt.

Versuchen Sie, verschiedene Zahlen einzugeben, um zu überprüfen, ob die Zahl im Bereich von 1 bis 10 liegt. Wie im Beispiel gezeigt, ist die Ausgabe wahr, wenn wir eine Zahl zwischen 1 und 10 eingeben. Das obige Beispiel prüft drei Bedingungen: Erstens ist die Zahl nicht Null, zweitens ist sie nicht kleiner als 1 und drittens ist sie größer als 10.

Beispiel

Wir können den obigen Code auch wie unten gezeigt schreiben und er wird auch die gleiche Ausgabe liefern

<!DOCTYPE html>
<html>
<body>
   <div>
   <h3>Display Message if number is in Range</h3>
   <p>Click the below button to enter number.</p>
   <button onclick="display()"> click me
   </button>
   <p id="message"></p>
   </div>
   <script>
      function display() {
         const number = prompt(&#39;Please enter a number:&#39;);
         if (number >= 1 && number <= 10)
            document.getElementById("message").innerHTML = number + " is in range";
         else
            document.getElementById("message").innerHTML = number + " is not in range";
      }
   </script>
</body>
</html>

Hinweis – Wir können diese Funktion verwenden, um eine Validierung auf dem Formular durchzuführen, beispielsweise wenn wir etwas von einem Gegebenen erhalten möchten Wählen Sie das Geburtsdatum in den Daten aus oder bestätigen Sie die Option, wenn Sie eine beliebige Ganzzahlantwort von 0 bis 9 auswählen möchten.

Das obige ist der detaillierte Inhalt vonWie verwende ich JavaScript, um eine Nachricht anzuzeigen, wenn eine bestimmte Zahl innerhalb eines Bereichs liegt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript number 算法 prompt

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Entfernen Sie ungerade Vorkommen einer beliebigen Zahl/eines beliebigen Elements aus dem Array in JavaScriptNächster Artikel：Entfernen Sie ungerade Vorkommen einer beliebigen Zahl/eines beliebigen Elements aus dem Array in JavaScript

In Verbindung stehende Artikel

Mehr sehen