// このJavaScriptプログラムが読み込まれる時点では
// <div id="arrow-init">は読み込まれていないので DOMContentLoaded
// イベントで、読み終わったあとにアロー関数を実行させる。
document.addEventListener("DOMContentLoaded", () => {
    function foo(e) {alert("foo");}
    document.getElementById("arrow-init").addEventListener("click", foo);
});