JSFiddle - React, Tailwind, and code Playground

by akash4pj

HTML

<input id="textbx" type="text" /><button id="btn" disabled="disabled">go</button>
 <span id="msg"></span>

CSS

#msg
{
color: red;
}

JavaScript

$("#textbx").keyup(function(){
 if ($("#textbx").val().length > 0) {
	  $("#btn").removeAttr('disabled');
 
   }
});

 $("#textbx").blur(function(){
    if ($("#textbx").val().length ==0) {
	  $("#btn").attr('disabled','disabled');
 
   }
  });
 
 $("#textbx").keypress(function (e) {
     if (e.which!=8 && (e.which < 48 || e.which > 57)) {
        $("#msg").html("plz press nimber only").show().fadeOut("slow");
               return false;
    }
   });
 
  $("#btn").click(function(){
						  
   var num =parseInt($("#textbx").val()); 
   var i;

   for (var i = 2; i >num/2; i++) { 
   
        if(i%num==0)
		{ $("#msg").html("yupp").show().fadeOut("slow");
		}
		else
		{$("#msg").html("huh").show().fadeOut("slow");
		}
		break;
       }
  });