La validación de formularios en JavaScript no me da el resultado que esperaba.

Tengo un formulario y un controlador de eventos. No quiero que el usuario pueda escribir números menores que 1 o mayores que 100. Actualmente, el mínimo y máximo en mi código html solo limita los números mientras se desplaza hacia arriba o hacia abajo, pero aún pueden escribir números no válidos y no recibir ninguna advertencia.

¿Cómo puedo evitar que escriban números menores que 1 o mayores que 100? No tengo un botón de enviar, y los ejemplos que he visto en línea son más efectivos con un botón de enviar. ¿Cómo puedo evitar esto?

 const figure = document.getElementById("figure"); figure.addEventListener("change", (event) => (default_figure = event.target.value));

 <div class="col-md-12"> <input type="number" id="figure" class="form-control " placeholder="Assign Class Limit" min="1" max="100" /> </div>