Uncaught TypeError が出た時の対処法

どうしても onClick に貼った JavaScript のリンクが動いてくれなかったので、どこに問題があるのか迷っていたのですが、ようやく JavaScript が実行されている時に Console を確認することを学習しはじめました。Console を確認した所、以下のように指摘されていました。

Uncaught TypeError: Cannot read property * of undefined at *

結局、 javascript ディレクトリ下の異なったjsファイルに書き込んでいたようです。しかも、中身の理解もおろそかだったので(子要素を取ってくるのだと思うのですが、.children[0].children[0].children[0]とはいったい…なぜ3つ…)、苦労してしまいました。

この記事二万回読んできます。

参考

関数は定義されているが、ページ読み込み時にJavaScriptのエラーで「Uncaught TypeError: undefined is not a function」が出るとき

Uncaught TypeError: Cannot read property ‘ajax’ of undefinedというエラーが表示されたとき