js网页版2048初始化棋格盘代码

以下是使用JavaScript编写的网页版2048游戏初始化棋格盘代码：

// 获取棋盘元素
var board = document.getElementById("board");

// 初始化棋格盘
for (var i = 0; i < 4; i++) {
  for (var j = 0; j < 4; j++) {
    // 创建棋格
    var cell = document.createElement("div");
    cell.className = "cell";
    cell.id = "cell-" + i + "-" + j;
    cell.style.top = i * 100 + "px";
    cell.style.left = j * 100 + "px";
    // 将棋格添加到棋盘中
    board.appendChild(cell);
  }
}

在以上代码中，我们首先通过document.getElementById方法获取了棋盘元素，然后使用两个循环来遍历所有的棋格坐标，创建棋格元素并设置其属性和样式，最后将棋格元素添加到棋盘中。其中，cell.id属性用于唯一标识每个棋格，便于后续操作；cell.style.top和cell.style.left属性用于设置棋格的位置，这里我们将每个棋格的宽度和高度都设置为100px，因此通过i * 100和j * 100来计算每个棋格的位置