用js写九宫格

好的，下面是一个用 JavaScript 实现九宫格的简单示例代码：

HTML 代码：

<div id="sudoku"></div>

CSS 代码：

#sudoku {
  width: 300px;
  height: 300px;
  display: flex;
  flex-wrap: wrap;
}

.cell {
  width: 100px;
  height: 100px;
  border: 1px solid black;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
}

JavaScript 代码：

const sudoku = document.getElementById("sudoku");
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];

for (let i = 0; i < 9; i++) {
  for (let j = 0; j < 9; j++) {
    const cell = document.createElement("div");
    cell.classList.add("cell");
    if ((i < 3 || i > 5) && (j < 3 || j > 5)) {
      cell.style.backgroundColor = "#eee";
    }
    if (i % 3 == 1 && j % 3 == 0) {
      cell.style.borderLeft = "3px solid black";
    }
    if (i % 3 == 0 && j % 3 == 1) {
      cell.style.borderTop = "3px solid black";
    }
    if (numbers.includes(i * 3 + j + 1)) {
      cell.innerText = i * 3 + j + 1;
    }
    sudoku.appendChild(cell);
  }
}

这个代码会生成一个 9x9 的九宫格，其中中间的 3x3 部分为浅色背景，数字从 1 到 9 按顺序填充在格子中。你可以在 CSS 中修改样式、在 JavaScript 中修改数字填充方式等等。