JSFiddle - React, Tailwind, and code Playground

by fullstackend

HTML

<input id="number" type="number" step="any" min="-9.99" max="99.99" />

JavaScript

var $input = document.querySelector('#number');
$input.addEventListener('blur', function(){
		var val = parseFloat($input.value),
        min = parseFloat($input.getAttribute('min')),
        max = parseFloat($input.getAttribute('max'));
        
	if (val > max) {
  	$input.value = max;
  } else if (val < min) {
  	$input.value = min;
  }
});