外部からjsファイルをheadタグ内で読みこみbodyタグにあるbuttonタグのクリックをきっかけに処理をする為にjsの処理としてDOMContentLoadedイベントを使用しました。
これと似たイベントでloadイベントというのもあると発見したので今後意識して使い分けられるように記録します。
DOMContentLoadedイベント : HTMLの解釈が完了したタイミングで発生。
loadイベント : HTMLに加えて画像の読み込みも完了したタイミングで発生。
前回使用したケースは画像の読み込みは関係なかった為、DOMContentLoadedで問題なく処理できましたが、それでいい気になって今後画像の読み込みが関わる時にエラーで嵌らないように上記２つのタイミングの違いは意識していきたいと思います。