モグラ叩き

クリックすると、モグラが出てきます。
以下が、1つのhtmlファイルとして実装したモグラ叩きのコード例です。セキュリティに配慮し、evalや他のサイトへの遷移、リダイレクトは行いません。また、alertも使用しません。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>モグラ叩き</title>
  <style>
    .hole {
      width: 100px;
      height: 100px;
      background-color: brown;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>モグラ叩き</h1>
  <p>クリックすると、モグラが出てきます。</p>
  <div id="game"></div>
  <script>
    const game = document.getElementById('game');

    // モグラをDOMに追加する関数
    function addMole() {
      const hole = document.createElement('div');
      hole.classList.add('hole');
      hole.innerText = 'モグラ';
      hole.addEventListener('click', function() {
        game.removeChild(hole);
      });
      game.appendChild(hole);
      // 1〜3秒のランダムな時間ごとに、再度モグラを出現させる
      setTimeout(addMole, Math.floor(Math.random() * 3000) + 1000);
    }

    // ゲームを開始する
    addMole();

    // 頑張った時のジョーク
    setTimeout(function() {
      console.log('もう終わり？もっとモグラとりゃいいのに！');
    }, 60000);
  </script>
</body>
</html>
```

ジョークとして、プレイヤーが頑張って長時間プレイしている場合に、「もう終わり？もっとモグラとりゃいいのに！」というメッセージをコンソールに出力するようにしています。