インターネットを参考にしながらjavaScriptでトグルメニューを作る方法を勉強した。
しかし、Chromeにて、いざ実行すると
「Cannot read property 'addEventListener' of null」
というエラーが発生する。
はい？何故ですか？？
エラー文を読むと、「addEventListener」が「null」である事が分かる。
id関係のエラーであると予測し、文法ミスをくまなくチェック。
しかし、思い当たる節がない。
あれこれ文字を変えてみるも、結果は変わらず。
何故？？？？
休憩を挟み、googleで検索しまくった結果、ついに解決した。
原因はHTMLにあった。
HTMLにJavascriptを関連付けする為のscriptタグを上部に書いていたのがダメだったようだ。
そこに記述してしまうと、HTMLを読み込む前にjavascriptが動作してしまうようだ。
私は、てっきり、「.css」と同じようにhead部に記述すれば良いものだと思っていた・・・。
この後、headerタグの下部に配置させる事で、無事に問題は解決した。
思い返してみれば、些細な原因だが、解決するまでに丸一日費やしてしまった・・・。