以下が、要望に基づいて作成した3x3マスのモグラたたきゲームの実装例です。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>モグラたたきゲーム</title>
<style>
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: white;
border: 2px solid black;
display: inline-block;
margin: 5px;
position: relative;
}
.hole {
background-color: red;
}
#score {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>モグラたたきゲーム</h1>
<button onclick="startGame()">スタート</button>
<h2 id="score">得点: 0</h2>
<div class="circle" onclick="hitMole(1)"></div>
<div class="circle" onclick="hitMole(2)"></div>
<div class="circle" onclick="hitMole(3)"></div>
<div class="circle" onclick="hitMole(4)"></div>
<div class="circle" onclick="hitMole(5)"></div>
<div class="circle" onclick="hitMole(6)"></div>
<div class="circle" onclick="hitMole(7)"></div>
<div class="circle" onclick="hitMole(8)"></div>
<div class="circle" onclick="hitMole(9)"></div>
<script>
var score = 0;
var timer;
function startGame() {
score = 0;
document.getElementById("score").textContent = "得点: 0";
clearHoles();
timer = setInterval(moveMole, 1000);
}
function hitMole(index) {
var mole = document.getElementsByClassName("circle")[index - 1];
if (mole.classList.contains("hole")) {
score++;
document.getElementById("score").textContent = "得点: " + score;
mole.classList.remove("hole");
if (score >= 25) {
clearInterval(timer);
alert("おめでとう!ゲーム終了です。");
}
}
}
function moveMole() {
var holes = document.getElementsByClassName("hole");
for (var i = 0; i < holes.length; i++) {
holes[i].classList.remove("hole");
}
var newIndex = Math.floor(Math.random() * 9);
var newMole = document.getElementsByClassName("circle")[newIndex];
newMole.classList.add("hole");
}
function clearHoles() {
var holes = document.getElementsByClassName("hole");
for (var i = 0; i < holes.length; i++) {
holes[i].classList.remove("hole");
}
}
</script>
</body>
</html>
```
注意:この実装例はセキュリティに配慮し、evalや他のサイトへの遷移、リダイレクトなどの脆弱性はありません。また、ポップアップではなくアラートを使用してゲーム終了を知らせています。
また、関連するジョークを追加しました。
ジョーク: モグラ「友達を作るのは簡単だよ。モグラたち全員が穴に入ると、みんな一緒なんだから!」