JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="a" />
<br>
<input type="text" id="b" />
<br>
<input type="text" id="c" />
<br>
<input type="text" id="d" />
<br>
<input type="text" id="e" />
<br>
<input type="text" id="f" />
<br>
<input type="text" id="g" />
<br>
<button id="btn">Calcluate</button>
JavaScript
$.fn.any = function (evaluator) {
var items = $(this);
for (var i = 0; i < items.length; i++) {
if (evaluator(items[i]) === true) {
return true;
}
}
return false;
};
function isEmpty(input) {
return input.value === "";
}
$("#btn").click(function () {
if ($("input").any(isEmpty)) {
alert("At least one input is empty.");
} else {
alert("No inputs are empty.");
}
});