javascript - How to set visiblity to a field group when a value of input is between 1 and 10 -

when value in "tds" field range between 1 10 below input "tan" has appeared else should in should not appear(hidden state)

<input id="tds" type="text" onchange="myfunction()"/> <input  id="myp"  name="tan" style="visibility:hidden;" value="test"/> <script> function myfunction() {       tdsvalue = document.getelementbyid('tds').value;         if (tdsvalue <= 10){         document.getelementbyid("myp").style.visibility = "";         else         } } </script> 

try following code i.e. improved version of yours:

    <input id="tds" type="text" onkeyup="myfunction(this)"/>     <input  id="myp"  name="tan" style="display:none;" value="test"/>     <script>     function myfunction(el) {           var tdsvalue = el.value;             if (tdsvalue >= 1 && tdsvalue <=10){                document.getelementbyid("myp").style.display= "block";             } else {                document.getelementbyid("myp").style.display= "none";             }     }     </script>