打地鼠游戲是經典的小游戲，而使用JavaScript編寫打地鼠游戲則是前端入門的經典練習，因為它需要掌握基礎的JavaScript語法和DOM操作。 在打地鼠游戲中，我們需要隨機生成地鼠出現的位置，當用戶點擊地鼠時，地鼠會消失，同時積分加1。同時，我們需要定義一定時間內地鼠出現的次數，如果超出這個次數，則游戲結束。 具體來說，我們可以先創建地鼠的DOM元素，并設置其樣式，如下所示：

function createMole(){
var mole = document.createElement("div");
mole.style.width = "50px";
mole.style.height = "50px;";
mole.style.background = "url(mole.png)";
mole.style.position = "absolute";
mole.style.top = Math.random() * 500 + "px";
mole.style.left = Math.random() * 500 + "px";
mole.onclick = hitMole;
document.body.appendChild(mole);
}

此處我們使用document.createElement方法創建了一個div元素，并為其設置樣式。同時，我們使用Math.random生成一個隨機數作為元素的top和left值，并為其添加點擊事件hitMole，當用戶點擊地鼠時，該事件會被觸發。 接下來，我們需要定義hitMole函數，以響應用戶對地鼠的點擊事件，這個函數會使該地鼠消失，同時積分加1。代碼如下所示：

function hitMole(){
this.style.background = "url(hit.png)";
score++;
document.getElementById("score").innerHTML = score;
}

此處我們使用了this關鍵字來操作當前點擊的地鼠元素，同時修改了其背景為hit.png。同時，我們將score加1，并將其顯示在DOM上，以便用戶查看得分。 最后，我們需要控制地鼠的出現次數和游戲結束條件。我們可以使用setInterval方法周期性地生成地鼠元素，并響應點擊事件；同時，我們需要定義一個定時器stop，當游戲時間到達設定值或達到指定的地鼠出現次數后，取消setInterval，停止游戲。代碼如下所示：

var timer = setInterval(function(){
createMole();
}, 1000);
var stop = setTimeout(function(){
alert("游戲結束，您的得分為"+score+"分");
clearInterval(timer);
}, 10000);

此處我們使用setInterval方法每隔1秒生成一個地鼠元素，同時使用setTimeout方法在游戲時間達到10秒時停止游戲，并彈出得分。 以上就是JavaScript打地鼠游戲的代碼說明，希望能幫助到大家入門前端編程，同時也能讓大家玩得愉快。