javascript表格找茬游戏 (用户输入行和列自动产生表格)

好的，我可以为您提供一份JavaScript代码，让您可以根据用户输入的行数和列数自动生成表格，并进行找茬游戏。

首先，您需要在HTML文件中创建一个表单，用于获取用户输入的行数和列数：

<form>
  <label for="rows">行数：</label>
  <input type="number" id="rows" name="rows"><br><br>
  <label for="cols">列数：</label>
  <input type="number" id="cols" name="cols"><br><br>
  <button type="button" onclick="generateTable()">生成表格</button>
</form>

<div id="table-container"></div>

接下来，在JavaScript文件中编写生成表格的代码：

function generateTable() {
  // 获取用户输入的行数和列数
  var rows = document.getElementById("rows").value;
  var cols = document.getElementById("cols").value;

  // 创建表格元素
  var table = document.createElement("table");

  // 创建表格行和单元格
  for (var i = 0; i < rows; i++) {
    var row = document.createElement("tr");

    for (var j = 0; j < cols; j++) {
      var cell = document.createElement("td");

      // 为每个单元格添加点击事件
      cell.onclick = function() {
        // 判断是否为找茬游戏中的不同点
        if (this.classList.contains("different")) {
          alert("恭喜你找到了不同点！");
        } else {
          alert("很遗憾，这不是不同点，请继续寻找！");
        }
      };

      // 将单元格添加到行中
      row.appendChild(cell);
    }

    // 将行添加到表格中
    table.appendChild(row);
  }

  // 将表格添加到页面上
  var tableContainer = document.getElementById("table-container");
  tableContainer.innerHTML = "";
  tableContainer.appendChild(table);

  // 随机设置一个单元格为不同点
  var differentIndex = Math.floor(Math.random() * (rows * cols));
  var cells = document.getElementsByTagName("td");
  cells[differentIndex].classList.add("different");
}

在代码中，我们首先获取用户输入的行数和列数，然后使用循环创建表格的行和单元格。对于每个单元格，我们为其添加了一个点击事件，用于判断是否为找茬游戏中的不同点。最后，我们随机设置一个单元格为不同点，以增加游戏的难度。

希望这份代码能够帮助到您，如果您有任何问题或需要进一步的帮助，请随时联系我。