Stack Overflow = Form visible

https://stackoverflow.com/questions/59855794/detecting-display-inline-block-with-javascript-vanilla/59856096#59856096

by Dayun123

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>

  <form action="" method="get" class="form-example">
    <div class="form-example">
      <label for="en">English </label>
      <input type="email" name="en" id="email" class="email">
    </div>
   <div class="form-example">
      <label for="fr">French </label>
      <input type="email" name="fr" id="email2" class="email">
    </div>
    <div class="form-example">
      <label for="es">Spanish </label>
      <input type="email" name="es" id="email3" class="email">
    </div>
    <div class="form-example">
      <label for="it">Italian </label>
      <input type="email" name="it" id="email4" class="email">
    </div>
  </form>
  
<script type="text/javascript">
  const emailInputs = Array.from(document.querySelectorAll('.email'));
  const form = document.querySelector('form');

  form.addEventListener('change', () => {
    const hasValue = emailInputs.filter((input) => input.value);
    console.log(hasValue);
  });
</script>
</body>
</html>