めちゃめちゃ確率の渋いおみくじを作った

はい。

タイトル通りでございます。以下コピペすればそのままホームページなどに置けます。説明不要かな?

<button id="btn">おみくじを引け!!!!!</button>
    <font color="white" size="5.5"><p id="result"></p></font>
    <div align="right"><font color="white" size="3"><p>激大吉 0.15% 超大吉 0.3% 大吉 0.6% 中吉 22%</p><p>吉 28.95% 小吉 27% 末吉 17% 凶 3% 大凶 1%</p></font></div>
    <script>
      const results = [
        { result: '激大吉', probability: 0.0015 },
        { result: '超大吉', probability: 0.003 },
        { result: '大吉', probability: 0.006 },
        { result: '中吉', probability: 0.22 },
        { result: '吉', probability: 0.2895 },
        { result: '小吉', probability: 0.27 },
        { result: '末吉', probability: 0.17 },
        { result: '凶', probability: 0.03 },
        { result: '大凶', probability: 0.01 }
      ];
  
      const cookieKey = 'omikuji';
  
      const today = new Date().toLocaleDateString();
  
      document.getElementById('btn').addEventListener('click', () => {

        const cookie = document.cookie.split(';')
          .map(c => c.trim())
          .find(c => c.startsWith(`${cookieKey}=`));
        if (cookie) {
          const lastDate = cookie.split('=')[1];
          if (lastDate === today) {
            alert('1日に1回しか引けないです。');
            return;
          }
        }
  
        const rand = Math.random();
        let sum = 0;
        let result;
        for (const r of results) {
          sum += r.probability;
          if (rand <= sum) {
            result = r.result;
            break;
          }
        }

        document.getElementById('result').textContent = `${result}です`;

        document.cookie = `${cookieKey}=${today}`;
      });
    </script>


この記事が気に入ったらサポートをしてみませんか?