在井字游戏 JavaScript 中找到赢家 [重复]答案

【问题标题】：finding winner on Tic-Tac-Toe game JavaScript [duplicate]在井字游戏 JavaScript 中找到赢家 [重复]
【发布时间】：2018-02-14 09:37:36
【问题描述】：

我是 JavaScript 新手，我正在使用 JavaScript 和 ruby 构建一个井字游戏。目前我有如下代码，但我无法让告诉获胜者的功能起作用。想知道是否有人可以在这里帮助我？提前谢谢！

const initialBoard = document.getElementById('navbar-new');
initialBoard.addEventListener("click", (e) => {
  e.preventDefault();
  alert('Game starts!');
  grid_0.innerText = '';
  grid_1.innerText = '';
  grid_2.innerText = '';
  grid_3.innerText = '';
  grid_4.innerText = '';
  grid_5.innerText = '';
  grid_6.innerText = '';
  grid_7.innerText = '';
  grid_8.innerText = '';
});

const grid_0 = document.getElementById('grid-0');
const grid_1 = document.getElementById('grid-1');
const grid_2 = document.getElementById('grid-2');
const grid_3 = document.getElementById('grid-3');
const grid_4 = document.getElementById('grid-4');
const grid_5 = document.getElementById('grid-5');
const grid_6 = document.getElementById('grid-6');
const grid_7 = document.getElementById('grid-7');
const grid_8 = document.getElementById('grid-8');

let currentPlayer = "X";

function ticTac(){
  if (this.innerText !== "X" || this.innerText !== "O") {
    this.innerText = currentPlayer;
    currentPlayer = currentPlayer == "X" ? "O" : "X";
  }
};

document.getElementById("grid-0").onclick = ticTac;
document.getElementById("grid-1").onclick = ticTac;
document.getElementById("grid-2").onclick = ticTac;
document.getElementById("grid-3").onclick = ticTac;
document.getElementById("grid-4").onclick = ticTac;
document.getElementById("grid-5").onclick = ticTac;
document.getElementById("grid-6").onclick = ticTac;
document.getElementById("grid-7").onclick = ticTac;
document.getElementById("grid-8").onclick = ticTac;

【问题讨论】：

为什么标记为ruby？甚至html 也是不确定的。
@ArihantJain 谢谢我是瞎了眼，没找到那个？？？？
@Amadan 我有让它变得更复杂的想法，所以我从 ruby 开始，并意识到我应该完成基本功能，这就是为什么.. ????跨度>
ticTac() 应该调用 getWinner()，对吧？

标签： javascript html algorithm tic-tac-toe

【解决方案1】：

const allThree = (firstBox, secondBox, thirdBox) => {
      let firstBoxOwner = firstBox.innerText;
      let secondBoxOwner = secondBox.innerText;
      let thirdBoxOwner = thirdBox.innerText;

      if ((firstBoxOwner === secondBoxOwner) && (secondBoxOwner === thirdBoxOwner)){
        if (firstBoxOwner === "X"){
          alert('X wins!');
        } else if (firstBoxOwner === "O"){
          alert('O wins!');
        }
      }
      return null;
    };

    const diagonalWinner = () => {
      let leftDownDiag = allThree(grid_0, grid_4, grid_8);
      let rightUpDiag = allThree(grid_2, grid_4, grid_6);

      return leftDownDiag || rightUpDiag;
    };

    const columnWinner = () => {
      let leftCol = allThree(grid_0, grid_3, grid_6);
      let middleCol = allThree(grid_1, grid_4, grid_7);
      let rightCol = allThree(grid_2, grid_5, grid_8);

      return leftCol || (middleCol || rightCol);
    };

    const rowWinner = () => {
      let topRow = allThree(grid_0, grid_1, grid_2);
      let middleRow = allThree(grid_3, grid_4, grid_5);
      let bottomRow = allThree(grid_6, grid_7, grid_8);

      return topRow || (middleRow || bottomRow);
    };

    const getWinner = () => {
      return diagonalWinner() || (rowWinner() || columnWinner());
    };

    const winner = getWinner();
    if (winner) {
      alert("Player " + winner + " won!");
    };

这是我现在的其余代码（太长，无法发布原始问题）

【讨论】：