输入值，包含最小和最大数字

Question

Below is an input number form and with JavaScript, I have added some line of codes with the minimum number that can be written is 1 and the maximum number to be written would be 50. And when someone would try to type any number less than 1 and greater than 50 it would automatically replace it with number 1 or 50 but I'm not having success achieving this and I need your help.

  document.getElementById('info1').addEventListener("input", function () { let num = +this.value, max = 50, min = 1; if (num > max || num < min) { return false; } }) 

 <input type="number" id="info1" size="4"> 

Answer 1

There's already a HTML attribute pair for this exact purpose - min and max :

 <input type="number" min="1" max="50"> 

If you also want this to occur when a user enters a number outside of the range:

 document.getElementById("inp").addEventListener("change", function() { let v = parseInt(this.value); if (v < 1) this.value = 1; if (v > 50) this.value = 50; }); 

 <input type="number" min="1" max="50" id="inp"> 

Answer 2

function imposeMinMax(el){
  if(el.value != ""){
    if(parseInt(el.value) < parseInt(el.min)){
      el.value = el.min;
    }
    if(parseInt(el.value) > parseInt(el.max)){
      el.value = el.max;
    }
  }
}

<input type=number min=1 max=50 onkeyup=imposeMinMax(this)>