如何修改代码以在javascript中生成棋盘格板？

// 创建一个函数来生成棋盘格板
function generateChessboard(rows, cols) {
  var chessboard = ""; // 用于存储生成的棋盘格板

  // 循环生成行
  for (var i = 0; i < rows; i++) {
    // 循环生成列
    for (var j = 0; j < cols; j++) {
      // 根据行和列的奇偶性来确定格子的颜色
      if ((i + j) % 2 === 0) {
        chessboard += "<div class='white'></div>"; // 白色格子
      } else {
        chessboard += "<div class='black'></div>"; // 黑色格子
      }
    }
  }

  return chessboard;
}

// 调用函数生成一个8x8的棋盘格板
var chessboardHTML = generateChessboard(8, 8);

// 将生成的棋盘格板插入到页面中的某个元素中
document.getElementById("chessboard").innerHTML = chessboardHTML;