Javascript 为什么它不记录任何东西在控制台

发布于12月16日

当发生三个单元格匹配时，它不会记录任何内容，在我看来，它也不会记录任何内容，因为当我单击单元格时，一次单击没有三个单元格匹配，对吗

const cells = document.querySelectorAll(".cell > img");

const win_combinations = [
  [0, 1, 2],
  [3, 4, 5],
  [6, 7, 8],
  [0, 3, 6],
  [1, 4, 7],
  [2, 5, 8],
  [0, 4, 8],
];

cells.forEach((cell, index) => {
  cell.addEventListener("click", function () {
    this.src = "Small_uppercase_letter_X.svg.png";

    for (const [a, b, c] of win_combinations) {
      if (
        cells[a].src == "Small_uppercase_letter_X.svg.png" &&
        cells[b].src == "Small_uppercase_letter_X.svg.png" &&
        cells[c].src == "Small_uppercase_letter_X.svg.png"
      ) {
        console.log(cells[a], cells[b], cells[c]);
      }
    }
  });
});

推荐答案

试试这个

const cells = document.querySelectorAll(".cell > img");
    
    const win_combinations = [
      [0, 1, 2],
      [3, 4, 5],
      [6, 7, 8],
      [0, 3, 6],
      [1, 4, 7],
      [2, 5, 8],
      [0, 4, 8],
    ];
    
    cells.forEach((cell, index) => {
      cell.addEventListener("click", function () {
        this.src = "Small_uppercase_letter_X.svg.png";
    
        for (const [a, b, c] of win_combinations) {
          if (
            cells[a].src.includes("Small_uppercase_letter_X.svg.png") &&
            cells[b].src.includes("Small_uppercase_letter_X.svg.png") &&
            cells[c].src.includes("Small_uppercase_letter_X.svg.png")
          ) {
            console.log("Winning combination:", cells[a], cells[b], cells[c]);
          }
        }
      });
    });