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" />
<br /><br />
<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="undefined" />
<bvr /><br />
<input class="Data" id="I" type="button" Value=465 />
<input class="Data" id="J" type="button" Value="String" />
<input class="Data" id="K" type="button" value="Empty Array" />
<input class="Data" id="L" type="button" value="Array w/Values" />

<br /><br />
The first row after the input field are values taken from the input values. (A. B. C. D)<br />
The second and third row values are defined in javascript.

JavaScript

function empty(data)
    {
        if(Array.isArray(data) && !data.length)
        {
           return true;
        }
        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();
       if(this.id == "E"){obj = NaN;}
       if(this.id == "F"){obj = null;}
       if(this.id == "G"){obj = false;}
       if(this.id == "H"){obj = undefined;}
       if(this.id == "I"){obj = 465;}
       if(this.id == "J"){obj = "String";}
       if(this.id == "K"){obj = [];}
       if(this.id == "L"){obj = ["one", "Two", "Three"];}
       
       
       var EmptyValue;
       var NotEmpty;
       if(empty(obj)){EmptyValue = "true";}else{EmptyValue = "false";}
       if(!empty(obj)){NotEmpty = "true";}else{NotEmpty = "false";}
       alert("empty says "+EmptyValue+" ... !empty says "+NotEmpty);
    });