주어진 숫자가 범위 내에 있을 때 JavaScript를 사용하여 메시지를 표시하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

주어진 숫자가 범위 내에 있을 때 JavaScript를 사용하여 메시지를 표시하는 방법은 무엇입니까?

WBOY

풀어 주다： 2023-09-06 23:09:08

앞으로

907명이 탐색했습니다.

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

이 기사에서는 숫자가 특정 범위 내에 있는지 확인하고 결과 출력에 따라 메시지를 표시합니다. JavaScript의 이 기능을 사용하면 양식이나 기타 문서를 만드는 동안 숫자 유효성 검사를 수행할 수 있습니다.

Syntax

다음은 숫자가 범위 안에 있는지 확인하고 메시지를 표시하는 구문입니다.

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는 범위 안에 있는지 확인하기 위해 입력한 숫자입니다. 하한과 상한은 범위의 하한과 상한입니다.

Algorithm

1단계 − 프롬프트() 메소드를 사용하여 숫자를 입력합니다.
2단계 − 세 가지 조건을 확인합니다. 첫째, NaN인지, 둘째, NaN인지, 숫자가 범위의 하한보다 작은지, 세 번째로 숫자가 범위의 상한보다 큰지 확인합니다. 범위.
3단계 - 위 세 가지 조건 중 하나라도 해당되면 해당 숫자가 범위 내에 있지 않다는 메시지를 표시하고, 그렇지 않으면 해당 숫자가 범위 내에 있다는 메시지를 표시합니다.

예제< /h2>

아래 예에서는 입력한 숫자가 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(&#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>

로그인 후 복사

출력창에 보이듯이 "click me" 버튼을 클릭하면 숫자를 입력하라는 창이 뜹니다.

프롬프트 상자에 숫자를 입력하면 해당 범위 내에 있는지 알 수 있습니다.

다른 숫자를 입력해 숫자가 1~10 범위에 있는지 확인해보세요. 예제에 표시된 대로 1에서 10 사이의 숫자를 입력하면 출력은 true입니다. 위의 예에서는 3가지 조건을 확인하는데, 첫째, 숫자가 null이 아닌지, 둘째, 1보다 작지 않은지, 셋째, 10보다 큰지 확인합니다.

Example

위의 코드를 아래와 같이 작성할 수도 있고 동일한 출력을 제공할 수도 있습니다.

<!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>

로그인 후 복사

Note- 이 기능을 사용하여 주어진 값에서 가져오려는 것처럼 양식에 대한 유효성 검사를 수행할 수 있습니다. 데이터에서 생년월일을 선택하거나 0에서 9 사이의 정수 답변을 선택하는 옵션이 제공되면 유효성을 검사합니다.

위 내용은 주어진 숫자가 범위 내에 있을 때 JavaScript를 사용하여 메시지를 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!