Question

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

当我点击清除ro ** w时，它会“通过”但有时“死亡”或点击**挖掘行有时会“通过”。它应该只给予“通过”清除和“死”与开采行。

我无法弄清楚原因..

你能看到吗？

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

  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/

提前致谢！

Answer 1

它的'这一行导致错误的行为：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!");
    }
}

MineField与Js

1 个答案: