1

我正在尝试使用 javascript 创建一个雷区游戏。

当我点击clear ro**w 时，它会给出“通过”但有时也会“死亡”，或者点击 **mined 行会给出“通过”。它应该只给出明确的“通过”和“死亡”的排雷。

我想不通原因。。

你能看到吗？

到目前为止，这是我的代码：

  var level = 9;

   // create the table
  var body = document.getElementsByTagName("body")[0];
  var tbl = document.createElement("table");
  tbl.setAttribute('id', 'myTable');
  var tblBody = document.createElement("tbody");



   //Create 2d table with mined/clear
  for (var i = 1; i <= 10; i++) {
      var row = document.createElement("tr");
      document.write("<br/>");

      for (var x = 1; x <= 10; x++) {
          var j = Math.floor(Math.random() * 50);

          if (j <= 15) {
              j = "mined";
          } else {
              j = "clear";
          }
          var cell = document.createElement("td");
          var cellText = document.createTextNode(j + "");
          cell.appendChild(cellText);
          row.appendChild(cell);

      }
      tblBody.appendChild(row);
  }
  tbl.appendChild(tblBody);
  body.appendChild(tbl);
  tbl.setAttribute("border", "1");


   //Check which row is clicked

  window.onload = addRowHandlers;

  function addRowHandlers() {
      var table = document.getElementById("myTable");
      var rows = table.getElementsByTagName("td");
      for (p = 0; p < rows.length; p++) {
          var currentRow = table.rows[p];
          var createClickHandler = function (row) {
              return function () {
                  var cell = row.getElementsByTagName("td")[1];
                  var id = cell.innerHTML;
                  if (id == "mined") {
                      alert("Died");
                  } else {
                      alert("Passed!");
                  }
              };
          }

          currentRow.onclick = createClickHandler(currentRow);
      }
  }

JSFiddle 这里：http: //jsfiddle.net/blowsie/ykuyE/

提前致谢！

4

1 回答 1

2

它的这一行会导致错误行为：var cell = row.getElementsByTagName("td")[1];每次单击[1]时，无论实际单击哪个单元格，都会选择一列的第二个单元格。

我修改了你的小提琴： http: //jsfiddle.net/ykuyE/1 onclick 处理程序现在直接应用于单个单元格，当创建表时。

cell.onclick = function() {
    if (this.innerHTML == "mined") {
        alert("Died");
    } else {
        alert("Passed!");
    }
}
于 2013-05-28T07:16:18.463 回答