https://www.seike-clinic.com/js/utils.js

1document.addEventListener('DOMContentLoaded', () => {
2  const modal = document.querySelector('#modal');
3  const bg = document.querySelector('#modal_bg');
4  const closeBtn = document.querySelector('#modal_close');
5  const checkbox = document.querySelector('[name="acs_next"]');
6
7  const modalClose = () => {
8    modal.style.display = 'none';
9    bg.style.display = 'none';
10
11    if (checkbox?.checked) {
12      sessionStorage.setItem('acs2', 'on');
13    }
14  };
15
16  const modalOpen = () => {
17    modal.style.display = 'block';
18    bg.style.display = 'block';
19  };
20
21  // イベント設定
22  bg.addEventListener('click', modalClose);
23  closeBtn.addEventListener('click', modalClose);
24
25  // 「次回以降表示しない」にチェックを入れていない場合のみ表示
26  if (!sessionStorage.getItem('acs2')) {
27    modalOpen();
28  }
29});