モーダルウィンドウで年齢認証を作りたい

Question

fc2ホームページ(アダルト無料)でサイトを作っています。fanzaとかにあるようなcookieなしの場合特定のページにリダイレクトするものでなく、
cookieがない場合、モーダルウィンドウ(背景が見えなくなるもの)が出てきて
yesを押したらそのページが見えるようになるものをつくろうとしています.

WordPressのプラグイン　Age Gate みたいなものです

ただワードプレスは使わずに作ろうとしているのでこれは使えません
また「jQuery」を使わない方法を探しているのですが見つかりません
どなたか助けていただけると幸いです。

(Bootstrapやcssなどは使っても構いません。)
(fc2はjsは改行すると使えなくなるのでなるべく短いものがいいです)

Comments

[javahack]

作成依頼なら専門に請け負ってくれるサイトが他にありますので、そちらを探したほうが早いですよ。

Answer 1

ブラウザのモーダル実装状況によりますね

<style>
#modal::backdrop{background-Color:black;}
</style>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
  modal.showModal();
  btn_n.addEventListener('click',()=>location.href="https://www.google.com");
  btn_y.addEventListener('click',()=>modal.close());
});
</script>
<dialog id="modal">
<input type="button" id="btn_y" value="YES">
<input type="button" id="btn_n" value="NO">
</dialog>
content