JSFiddle - React, Tailwind, and code Playground

by Tomek

HTML

<input class="works" />
<input class="works" />
<input class="works" value="3" />
<br/>
<input class="fails" />
<br/>
<button value="check" />
<pre id="out"></pre>

JavaScript

$('input').val("5");
$('button').click(function () {
    $('#out').html(
        "$('.works').length : " + $('.works').length + "\n" +
        "$('.works[value=\"\"]').length : " + $('.works[value="5"]').length + "\n" +
        "$('.works').filter('[value=\"\"]').length : " + $('.works').filter('[value="5"]').length + "\n" +
        "\n" +
        "$('.fails').length : " + $('.fails').length + "\n" +
        "$('.fails[value=\"\"]').length : " + $('.fails[value=""]').length + "\n" +
        "$('.fails').filter('[value=\"\"]').length : " + $('.fails').filter('[value=""]').length + "\n" +


        "");
});