javascriptの「Uncaught TypeError: Cannot read property ‘プロパティ名’ of undefined」エラーの意味

Question

最近javascriptの学習を始めました。youtubeで動画を見ながら記述しているのですが、エラーが出てしまい、上手く対応できません。動画内のコードと見比べましたが、違いは探せませんでした。

document.getElementById("test").addEventListener("click", function() {
    const listElements = document.querySelectorAll(".list li");
    // console.log(listElements);
    for(let i = 0; i = listElements.length; i++) {
      listElements[i].classList.add("test");
    }
  })

エラー内容はこのように出ています。

index.js:23 Uncaught TypeError: Cannot read property 'classList' of undefined
    at HTMLDivElement.<anonymous> (index.js:23)

ググってみてもよく理解できなかったのでお助けください。

Comments

[miyabi_pudding]

無限ループになってますね。

[m.ts10806]

「意味」ならGoogle翻訳の結果で十分では。

[m.ts10806]

あと、テキストや参考先と見比べるのではなく、自身が書いたコードの整合性とエラーを見てください。

Answer 1

動画の中のコードと見比べるというのは無理があるのでは？

for(let i = 0; i = listElements.length; i++) {

意味を考えれば分かりますが、i < listElements.lengthでしょう。

Answer 2

index.js:23 Uncaught TypeError: Cannot read property 'classList' of undefined

at HTMLDivElement.<anonymous> (index.js:23)

HTMLDivElement.<anonymous>には、'classList'というプロパティは存在しない、といってますね。

とりあえず、'classList'ってやつにくっついてる変数になにが入ってるのか見てみればどうでしょう