JSFiddle - React, Tailwind, and code Playground

HTML

Enter a value in one of the fields and click testit
<form>
    <input type="text" class="badass" name="name1" value="">
    <input type="text" class="badass" name="name2" value="">
        <select>
            <option value=""></option>
            <option value="WE LOVE YOU">WE LOVE YOU</option>
        </select>
    <button name="test">test it</button>
</form>

JavaScript

$(document).ready( function() {
    $("[name='test']").click( function () {
        var empties = $(":text:not([value!=''])").length;
        var empties2 = $("input:text:not([value!=''])").length;
        var empties3 = $("input:not([value!=''])").length;
        var empties4 = $("input[value='']").length;

        var facit_values = '';
        var facit = $.grep( $( ":text" ), function( item ) {
            facit_values += $(item)[0].tagName + " : " + $(item).val() + "\n";
            return $(item).val() === '';
        }).length;
        
        alert( 
            "Selector \":text:not([value!=''])\" empties: " +  empties + ".\n" +   
            "Selector \"input:text:not([value!=''])\" empties: " +  empties2 + ".\n" +
            "Selector \"input:not([value!=''])\" empties: " +  empties3 + ".\n" +
            "Selector \"input[value='']\" empties: " +  empties4 + ".\n" +
            "\n\nFacit empties: " + facit + 
            "\n\nfacit values:\n" + facit_values);
        return false;
    });
});