如何在 JavaScript 中限制最小值/最大值之间的数字？

给定 HTML 文档。任务是，在通过输入元素从用户那里输入一个数字时，验证该数字是否在指定范围内。如果不是，则将其更改为范围内。这里在 JavaScript 的帮助下讨论了 2 种方法。
方法一：

• 从输入元素中获取输入并使用Number() 方法将其转换为数字。
• 使用IF-ELSE 条件来验证它是否在范围内？
• 如果数字小于最小值，则给它最小值，否则。
• 如果数字大于最大值，则给它最大值，否则数字在范围内。

示例 1：此示例实现了上述方法。

  

    
        Limit a number between a min/max value
    
    
    

  

      
            GeeksForGeeks  
        
    
    
    Enter a Number:
    
    
    
    
        click here
    
    
    
    
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        up.innerHTML = 
          "Click on the button to check if the types number"+
          " is in range or not.<br>Min Value - 0 <br> Max Value - 100";
  
        function GFG_Fun() {
            var input = document.getElementById('num');
            var n = input.value;
            n = Number(n);
            if (n < 0) {
                $('#GFG_DOWN').html('Type number between 0-100');
                input.value = 0;
            } else if (n > 100) {
                $('#GFG_DOWN').html('Type number between 0-100');
                input.value = 100;
            } else {
                $('#GFG_DOWN').html('You typed the valid Number.');
                input.value = n;
            }
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二：

• 从输入元素中获取输入并使用Number() 方法将其转换为数字。
• 使用Math.max 和 Math.min 方法来验证它是否在范围内？
• 如果数字小于最小值，则给它最小值，否则。
• 如果数字大于最大值，则给它最大值，否则数字在范围内。

示例 2：此示例实现了上述方法。

  

    
        Limit a number between a min/max value
    
    
    

  

      
            GeeksForGeeks  
        
    
    
    Enter a Number:
    
    
    
    
        click here
    
    
    
    
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        up.innerHTML = 
          "Click on the button to check if the types number "+
       "is in range or not.<br>Min Value - 0 <br> Max Value - 100";
  
        function GFG_Fun() {
            var input = document.getElementById('num');
            var n = input.value;
            n = Number(n);
            n = Math.min(100, Math.max(0, n));
            $('#GFG_DOWN').html('Number ranged to <br>N = ' + n);
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：