JSFiddle - React, Tailwind, and code Playground

by Rational Rabbit

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
Enter a value or blank or zero<br /> 
<input type="text" style="width:50%;" name="Value" id="Value" />
<input id="Yes" type="button" value="Is Empty" />
<input id="No" type="button" value="Not Empty" />
<br /><br />
<input class="Data" id="A" type="button" Value="    " />
<input class="Data" id="B" type="button" Value="" />
<input class="Data" id="C" type="button" Value=0 />
<input class="Data" id="D" type="button" Value="0" />
<input class="Data" id="E" type="button" Value=NaN />
<input class="Data" id="F" type="button" Value=null />
<input class="Data" id="G" type="button" Value=false />
<input class="Data" id="H" type="button" Value= />

JavaScript

function empty(data)
    {
        if(typeof data === "undefined")
        {
            return true;
        }
        else if(data === "0")
        {
            return true;
        }
        else if(!data)
        {
          return true;
        }
        else if(/\S/.test(data) == "")
        {
            return true;
        }
        else
        {
            return false;
        }
    }
    var Value;
    $("#Yes").click(function()
    {
    		var Item = $("#Value").val(); 
        if(empty(Item)){alert("It is Empty")}else{alert("Not Empty!");}
    });
    $("#No").click(function()
    {
    	  var Item = $("#Value").val(); 
        if(!empty(Item)){alert("It is Not Empty")}else{alert("Empty");}
    });
    $(".Data").click(function()
    {
       var obj = $(this).val();
       var EmptyValue;
       var NotEmpty;
       if(empty(obj)){EmptyValue = "true";}else{EmptyValue = "false";}
       if(!empty(obj)){Notmpty = "true";}else{NotEmpty = "false";}
       alert("empty says "+EmptyValue+" ... !empty says "+NotEmpty);
    });