javascript - Js 的雷区

Question

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

当我点击clear ro**w 时，它会给出“passed”，但有时也会“died”，或者点击 **mined row 有时会给出“passed”。它应该只给出清除行的“通过”和开采行的“死亡”。

我想不通原因..

你能看到吗？

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

  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] 选择列的第二个单元格，无论实际单击的是哪个单元格。

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

cell.onclick = function() {
    if (this.innerHTML == "mined") {
        alert("Died");
    } else {
        alert("Passed!");
    }
}