js でブレイクポイントの監視をしつつインクルードを実行

Question

お世話になっております。
タイトル通りになりますが、教えていただけないでしょうか。
よろしくお願いいたします。

（ブレイクポイントの参考サイト：ttps://marukin-ad.jp/ooi/matchmedia/）

■html

<script type="text/javascript">footer();</script>


■js

const mediaQuery = window.matchMedia('(max-width: 768px)');
 
// ページが読み込まれた時に実行
handle(mediaQuery);
 
// ウィンドウサイズを変更しても実行（ブレイクポイントの監視）
mediaQuery.addListener(handle);
 
function handle(mm) {
  if (mm.matches) {
    // ウィンドウサイズ768px以下のときの処理
function footer(){
var html = "";
html += '<footer>';
html += '<p><small><span>&copy; SP</span></small></p>';
html += '</footer>';
document.write(html);
}
  } else {
    // それ以外の処理
function footer(){
var html = "";
html += '<footer>';
html += '<p><small><span>&copy; PC</span></small></p>';
html += '</footer>';
document.write(html);
}
  }
}

Comments

[maisumakun]

質問のコードで、どのような問題が起きているのでしょうか？

[yambejp]

htmlとjsの関係がわかりません
jsファイルを予めscritタグで読んでその後footerを実行しているのですか？

[hoshi-takanori]

footer 関数は handle の中で定義されてるので、handle の中でしか使えないのでは。

[wing283]

maisumakun様
ご質問ありがとうございます。
js でブレイクポイントの監視をしつつインクルードを実行しないので、させたいと思っています。

yambejp様
いつもありがとうございます。
ブレイクポイントによりfooterを実行すると思っている
のですが、考え方が違いますでしょうか。。。

[wing283]

hoshi-takanori様
ありがとうございます。
理解力がなくてすみません、つまり、、、
ブレイクポイントで分岐する際にfooter関数は適応されないということでしょうか。

[hoshi-takanori]

ブレークポイント以前に、そもそも handle の外から footer を呼べないはずです。

[wing283]

hoshi-takanori様
なるほど...
ありがとうございます。