how to check required field is empty in form using javascript code example

Example 1: javascript form submit on button click check if required fields not empty

const checkEmpty = document.querySelector('#checkIt');
checkEmpty.addEventListener('input', function () {
  if (checkEmpty.value && // if exist AND
    checkEmpty.value.length > 0 && // if value have one charecter at least
    checkEmpty.value.trim().length > 0 // if value is not just spaces
  ) 
  { console.log('value is:    '+checkEmpty.value);}
  else {console.log('No value'); 
  }
});

Example 2: javascript form submit on button click check if required fields not empty

<input type="text" id="checkIt" required />