【实战演练】打地鼠游戏：开发打地鼠游戏，重点在于事件处理和随机生成。

# 2.1 事件监听与响应

事件监听是游戏开发中至关重要的技术，它允许程序对用户输入或游戏事件做出响应。在 JavaScript 中，可以使用 `addEventListener()` 方法为元素添加事件监听器，指定要监听的事件类型和回调函数。

### 2.1.1 键盘事件

键盘事件包括按键按下、释放和保持。通过监听这些事件，游戏可以检测玩家的输入并做出相应的动作。例如，在打字游戏中，监听键盘按下事件可以检测玩家输入的字符，并更新游戏状态。

// 监听键盘按下事件
document.addEventListener('keydown', (event) => {
  // 根据按下键的键码执行相应操作
  switch (event.keyCode) {
    case 32: // 空格键
      // 跳跃
      break;
    case 37: // 左箭头键
      // 向左移动
      break;
    case 39: // 右箭头键
      // 向右移动
      break;
  }
});

# 2. 事件处理与随机生成

### 2.1 事件监听与响应

事件处理是游戏开发中至关重要的部分，它允许游戏对用户输入和游戏世界中的事件做出响应。在 JavaScript 中，事件处理通常通过事件监听器来实现。

#### 2.1.1 键盘事件

键盘事件是用户按下或释放键盘上的键时触发的。在 JavaScript 中，可以使用 `addEventListener()` 方法为键盘事件添加监听器。

// 监听键盘按下事件
document.addEventListener('keydown', (event) => {
  // event.key 获取按下的键值
  console.log(`按下键盘键：${event.key}`);
});

// 监听键盘释放事件
document.addEventListener('keyup', (event) => {
  // event.key 获取释放的键值
  console.log(`释放键盘键：${event.key}`);
});

#### 2.1.2 鼠标事件

鼠标事件是用户使用鼠标与游戏交互时触发的。在 JavaScript 中，可以使用 `addEventListener()` 方法为鼠标事件添加监听器。

// 监听鼠标点击事件
document.addEventListener('click', (event) => {
  // event.clientX 和 event.clientY 获取鼠标点击位置
  console.log(`鼠标点击位置：(${event.clientX}, ${event.clientY})`);
});

// 监听鼠标移动事件
document.addEventListener('mousemove', (event) => {
  // event.clientX 和 event.clientY 获取鼠标移动位置
  console.log(`鼠标移动位置：(${event.clientX}, ${event.clientY})`);
});

### 2.2 随机数生成

随机数生成在游戏开发中广泛应用，例如生成随机敌人位置、物品掉落概率等。在 JavaScript 中，可以使用 `Math.random()` 方法生成随机数。

#### 2.2.1 基本随机数生成

`Math.random()` 方法生成一个介于 0（含）和 1（不含）之间的随机数。

// 生成一个随机数
const random = Math.random();
console.log(`随机数：${random}`);

#### 2.2