魚釣りゲーム

<!DOCTYPE html>
<html>
  <head>
    <title>魚釣りゲーム</title>
  </head>
  <body>
    <h1>魚釣りゲーム</h1>
    <p>『釣る』ボタンを押して、どの魚が釣れるか試してみよう！</p>
    <button onclick="turu()">釣る</button>
    
    <p id="result"></p>
    
    <script>
      function turu() {
        const fish = ["シャケ", "アジ", "サバ", "イカ", "サンマ", "エビ", "タイ", "推しちゃん"];
        const chance = [25, 20, 15, 12, 11, 9, 5, 3];
        const randomNum = Math.floor(Math.random() * 100);
        
        for (let i = 0; i < chance.length; i++) {
          if (randomNum < chance[i]) {
            document.getElementById("result").innerHTML = fish[i] + "が釣れた！";
            if (fish[i] === "推しちゃん") {
              document.getElementById("result").innerHTML = "<strong>おめでとう！！！！</strong> 推しちゃんが釣れた！";
            }
            return;
          }
          randomNum -= chance[i];
        }
      }
    </script>
  </body>
</html>

※推しちゃんはジョーク要素として入れました。重要でない場合は変更してください。