ホームページ > 記事 > ウェブフロントエンド > JavaScript を使用して、指定された数値が範囲内にある場合にメッセージを表示するにはどうすればよいですか?
JavaScript を使用して、指定された数値が範囲内にある場合にメッセージを表示するにはどうすればよいですか?
- WBOY転載
- 2023-09-06 23:09:08870ブラウズ
この記事では、数値が特定の範囲内にあるかどうかを確認し、結果の出力に基づいてメッセージを表示します。 JavaScript のこの機能を使用すると、フォームまたはその他のドキュメントの作成中に数値検証を実行できます。
構文
次は、数値が範囲内であるかどうかを確認し、メッセージを表示する構文です。
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";
}ここで、number は数値です。範囲内か確認するために入力しました。 lower と upper は範囲の下限と上限です。
アルゴリズム
ステップ1 -プロンプト()メソッドを使用して数値を入力します。
ステップ 2 -最初の条件が NaN であるかどうか、2 番目の条件が NaN であるかどうかの 3 つの条件をチェックします。数値が下限値未満の場合は、数値が範囲の上限より大きい場合は 3 回目。
ステップ 3 - 上記の 3 つの条件のいずれかが true の場合は、数値が範囲外であることを示すメッセージが表示されます。そうでない場合は、次のメッセージが表示されます。数値が範囲内であることを示します。
例
次の例では、入力された数値が 1 ～ 10 の範囲内であるかどうかを確認し、メッセージを表示します。
<!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('Please enter a number:');
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>出力ウィンドウに示されているように、[クリックしてください] ボタンをクリックすると、数値の入力を求めるウィンドウが表示されます。
プロンプト ボックスに数値を入力すると、その数値が指定された範囲内にあるかどうかがわかります。
別の数値を入力して、その数値が 1 ～ 10 の範囲内であるかどうかを確認してください。例に示すように、1 から 10 までの任意の数値を入力すると、出力は true になります。上の例では、3 つの条件をチェックします。1 番目は数値が null ではない、2 番目は 1 未満ではない、3 番目は 10 より大きいです。
例
上記のコードを以下のように記述することもでき、同じ出力が得られます。
<!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('Please enter a number:');
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>Note- これを使用できます。この関数は、指定されたデータから生年月日を選択する場合や、0 から 9 までの整数の回答を選択するオプションが指定された場合に検証する場合など、フォーム上で検証を行います。
以上がJavaScript を使用して、指定された数値が範囲内にある場合にメッセージを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。