JavaScriptはheadとbodyのどちらで読み込むのが最適なのか?
https://webukatu.com/wordpress/blog/39711/
HTML要素をJSで加工する場合は、HTMLを読み込んでからでないといけないので、Headでは動かない。
ただし、addEventListenerの「load」イベントを使用することで、window(HTML構造)が読み込まれた後に処理を実行するように設定できる
JavaScriptでheadとbodyで読み込む違い

JavaScriptはheadとbodyのどちらで読み込むのが最適なのか?
https://webukatu.com/wordpress/blog/39711/
HTML要素をJSで加工する場合は、HTMLを読み込んでからでないといけないので、Headでは動かない。
ただし、addEventListenerの「load」イベントを使用することで、window(HTML構造)が読み込まれた後に処理を実行するように設定できる