js怎么限制输入数字1到10

<input type="number" id="numberInput" min="1" max="10">

<input type="number" id="numberInput">
<script>
  document.getElementById('numberInput').addEventListener('input', function(e) {
    let value = parseInt(e.target.value);
    if (isNaN(value)) {
      e.target.value = '';
      return;
    }
    if (value < 1) e.target.value = 1;
    if (value > 10) e.target.value = 10;
  });
</script>

<input type="text" id="numberInput" pattern="[1-9]|10">

<form onsubmit="return validateForm()">
  <input type="number" id="numberInput">
  <button type="submit">Submit</button>
</form>

<script>
function validateForm() {
  var x = document.getElementById("numberInput").value;
  if (x < 1 || x > 10) {
    alert("Number must be between 1 and 10");
    return false;
  }
  return true;
}
</script>