To check if multiple input fields are empty using vanilla JavaScript

html input validation.js

// Get all the input fields
var inputs = document.querySelectorAll('input');

// Set a flag to track if any input fields are empty
var emptyFields = false;

// Loop through the input fields
for (var i = 0; i < inputs.length; i++) {
  // Check if the current input field is empty
  if (inputs[i].value === '') {
    // Set the flag to true
    emptyFields = true;
    break;
  }
}

// If the flag is true, at least one input field is empty
if (emptyFields) {
  console.log('There are empty input fields');
} else {
  console.log('All input fields are filled');
}