php - Javascript, dynamic color HTML inputbox if value insert is included in range

one text

Solution:

Good Afternoon you can go this way

<input type="text" id="myinputbox" oninput="myFunction()">

<script>
function myFunction() {
  var inputVal = document.getElementById("myinputbox").value;
  var min = "<?php echo $someVar2; ?>";
  var max = "<?php echo $someVar3; ?>";
  if (inputVal.value < min) {
    document.getElementById("myinputbox").style.backgroundColor = "yellow";
  } 
  else if (inputVal.value > max) {
    document.getElementById("myinputbox").style.backgroundColor = "red";
  }    
  else {
    document.getElementById("myinputbox").style.backgroundColor = "";
  }
}
</script>

you have to use oninput event and try debugging you will get it All the best

Source