随机数字消消乐游戏JavaScript

好的，我可以为您提供一份 JavaScript 代码示例，实现一个简单的随机数字消消乐游戏。以下是代码示例：

HTML：

<div id="game"></div>
<button onclick="startGame()">开始游戏</button>

JavaScript：

// 游戏区域大小
var gameSize = 6;
// 数字最大值
var maxValue = 8;

// 生成随机数字
function generateNumber() {
  return Math.floor(Math.random() * maxValue) + 1;
}

// 生成游戏区域
function generateGameArea() {
  var gameArea = document.getElementById("game");
  gameArea.innerHTML = "";
  for (var i = 0; i < gameSize; i++) {
    var row = document.createElement("div");
    row.classList.add("row");
    for (var j = 0; j < gameSize; j++) {
      var cell = document.createElement("div");
      cell.classList.add("cell");
      cell.dataset.number = generateNumber();
      cell.addEventListener("click", cellClick);
      row.appendChild(cell);
    }
    gameArea.appendChild(row);
  }
}

// 点击数字格子
function cellClick(event) {
  var currentCell = event.target;
  var currentNumber = parseInt(currentCell.dataset.number);
  if (currentNumber == 1) {
    currentCell.remove();
  } else {
    currentCell.dataset.number = currentNumber - 1;
    currentCell.innerHTML = currentNumber - 1;
  }
}

// 开始游戏
function startGame() {
  generateGameArea();
}

CSS：

#game {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 600px;
  height: 600px;
}

.row {
  display: flex;
  flex-direction: row;
}

.cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 10px;
  background-color: #eee;
  font-size: 24px;
  cursor: pointer;
}

以上代码实现了一个简单的随机数字消消乐游戏，点击数字格子时，数字将减一，如果减到了1，则格子将消失。您可以根据自己的需求进行修改和优化。