Как проверить все ли input заполнены?

Question

[NonFame]

Есть небольшой опросник. В нем есть поля для ввода текста, все обязательные для заполнения.
Проблема в том, что я не понимаю как отследить заполненность всех полей. При первом же вхождении в цикле, если первое поле заполнено, то выбивает true, а остальные поля не заполнены. Может быть я цикл не правильно составляю, не понимаю.

Вот пример
https://jsfiddle.net/87r64zmb/

Answer 1

[twobomb]

if (e.target === document.getElementById('btn')) {
                for ( let i = 0; i < input.length; i++ ) {
                    if (input[i].value === '') 
                        return alert("Заполните все поля")
                }
                 return alert("Все поля заполнены")
            }

Comments

[NonFame]

... спасибо. Буду внимательней

Answer 2

[OvalQuilter]

Почему бы просто не добавить required в теги input?

<form id="form" action="">
    <ul>
      <li> 
        <label for="name">Введите имя</label>
        <input id="name" type="text" required></li>
      <li>
        <label for="phone">Введите телефон</label>
        <input id="phone" type="text" required>
      </li>
      <li>
        <label for="email">Введите почту</label>
        <input type="email" required>
      </li>
    </ul>
    <button id="btn">Результат</button>
</form>