はじめに
少し苦手意識のあるJSでエラーが出たので、忘れないために…
コードは合っているのに、エラーが出た
JSとHTMLは切っても切れない関係。
HTMLを読み込み、JSが読み込まれることで、JSがしっかりと動いてくれる。
そう、逆だと動かない。
JSを読み込み、HTMLを後から読み込むと、エラーが出る。考えればわかることだが、JSではgetElementByIdなどで、HTMLに記述されているid名を読み出す。
HTMLを読み込んでから、JSが読み込まれるように、次の記述をJSにする。
window.addEventListener('load', () => {
//処理をここに記述
});
コードの意味は、「ページをloadしたら、イベントを発火させる」
基本これを忘れずに、最初に記述しておく。