Проверить и ограничить ввод от min до max JS

class Board {
  static minWidthCells = 10;
  static maxWidthCells = 50;
  static widthCells = 25;
}

document.getElementById("input_width").value = Board.widthCells;

document.getElementById("input_width").addEventListener("input",
  function(event) {
    event.target.value = event.target.value.replace(/[^0-9]/g, "");
    event.target.value = Math.max(Board.minWidthCells, event.target.value);
    event.target.value = Math.min(Board.maxWidthCells, event.target.value);
  }
);

.input {
  width: fit-content;
  height: fit-content;
  margin: auto 2.5px;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  font-family: monospace;
  font-weight: bold;
  background-color: rgb(225, 225, 225);
  border: 1px solid rgb(200, 200, 200);
  border-radius: 5px;
  cursor: pointer;
  caret-color: rgb(50, 50, 50);
  color: rgb(50, 50, 50);
  user-select: none;
  outline: none;
}

.input:hover {
  filter: invert(0.1);
}

td {
  padding: 3px;
}

<table>
  <tr>
    <td>
      <p>
        Ширина
      </p>
    </td>
    <td>
      <input type="number" class="input" id="input_width">
    </td>
  </tr>
</table>