jsvascript このコードは間違っていますか？？？

Question

.-req を取得して、 inputに値が入っていなければコンソールに 空欄です と表示。
値が入っていれば 空欄でありません と表示したいです。

以上のような結果は得られるのですが、以下のエラーが出てしまいます。。。

Uncaught TypeError: Cannot read property 'value' of undefined

何か間違っていますでしょうか。
お分かりでしたら教えていただけると助かります。。よろしくお願い致します。。。

<ul>
 <li class="itemName">都道府県</li>
 <li class="editForm"><input class="-req" type="text" value="" name="address-1st" placeholder="都道府県"></li>
 <li class="-example">例）東京都</li>
</ul>

<ul>
 <li class="itemName">市町村く</li>
 <li class="editForm"><input class="-req" type="text" value="" name="address-1st" placeholder="市町村区"></li>
 <li class="-example">例）〜〜〜</li>
</ul>

var targrtInput = document.getElementsByClassName('-req');
 for (var i = 0; targrtInput.length; i++ ) {
  if(targrtInput[i].value == '') {
   console.log('空欄です');
  } else {
   console.log('空欄でありません')
  }
}

Answer 1

for (var i = 0; targrtInput.length; i++ ) {

for文の条件の箇所の書き方がおかしいです。
繰り返しの条件が正しく書かれていません。

Comments

[TatsuyaOkawa]

確認不足でした、、、申し訳ありません。
ご協力いただきありがとうございます！！

Answer 2

<script>
window.addEventListener('DOMContentLoaded', function(e){
  console.log([].map.call(document.querySelectorAll('.-req'),function(x){return x.value===""?"空欄です":"空欄ではない"}));
});
</script>
<input class="-req" type="text" value="aaa" ><br>
<input class="-req" type="text" value="" ><br>
<input class="-req" type="text" value="bbb" ><br>

今風にかけばこう（IEでは動作不可）

<script>
window.addEventListener('DOMContentLoaded', function(e){
  console.log([].map.call(document.querySelectorAll('.-req'),x=>x.value===""?"空欄です":"空欄ではない"));
});
</script>
<input class="-req" type="text" value="aaa" ><br>
<input class="-req" type="text" value="" ><br>
<input class="-req" type="text" value="bbb" ><br>