ページ遷移時、ポップアップウィンドウを毎回表示させたい

Question

サイト訪問した際にポップアップウィンドウを出したく設定しているのですが、こちらの記述では一度だけしかポップアップウィンドウが表示されません。
以下のコードでどこを触れば毎回表示されるようになるのでしょうか。

<script type="text/javascript"> window.addEventListener('load', function() { if( !localStorage.getItem('disp_popup') ) { localStorage.setItem('disp_popup', 'on'); var popup = document.getElementsByClassName('bg_onetime_popup'); popup[0].classList.add('js_active'); popup[0].onclick = function() { popup[0].classList.remove('js_active'); } } }, false); </script>

参考にしたサイトからそのままコードをコピーしてきたのですが、js初心者のため、どこをカスタマイズして良いか分からず、お教えいただければ幸いです。

■参考サイト
https://migi.me/javascript/popup-modal-window-only-once/

Answer 1

上記だけでは原因が断定しづらいですが、可能性として

・loadされていない
・if( !localStorage.getItem('disp_popup'))の際に値が取得されている

辺りが原因だと思われます。
ブラウザでF12キーを押すと、jsなどのコードをデバッグすることができます。
ブラウザの開発者ツールで検証を行う
大体どのブラウザでも操作方法は同じです。
if文の箇所にブレークポイントを置いて、localStorage.getItem('disp_popup')に値が入っているか確かめてください。

Comments

[esa]

仕様変更があり、結局ポップアップは必要ない事になってしまったのですが＞＜
ブレークポイントを置いて検証する件、勉強になりました。
丁寧にご解答いただきありがとうございました！

[退会済みユーザー]

どのプログラムもそうですが、ブレークポイント置いてデバッグすることは基本なので、
新しい言語や環境になった場合も、デバッグ環境を調べることが大事です。

[esa]

そうなんですね。ブレークポイントという言葉自体馴染みが無かったので教えていただき感謝です＾＾
ありがとうございます。