Question

我在尝试提醒胜利者时遇到了麻烦。当用户尝试点击已经按下的按钮时，我也会尝试提醒，但也不知道我在这方面做了什么。所有帮助表示赞赏。感谢你们。

Array
(
    [id] => 177
    [rowid] => 66bd8895e10f189f62bf3a65ada83630
    [qty] => 1
    [options] => Array
        (
            [vat] => 0
            [discount] => 0
        )

)

使用Javascript：

<table>
        <tr>
            <td id="00" onclick="makeMove(0,0)">00</td>
            <td id ="01" onclick="makeMove(0,1)">01</td>
            <td id ="02" onclick="makeMove(0,2)">02</td>
        </tr>
        <tr>
            <td id ="10" onclick="makeMove(1,0)">10</td>
            <td id ="11" onclick="makeMove(1,1)">11</td>
            <td id ="12" onclick="makeMove(1,2)">12</td>
        </tr>
        <tr>
            <td id ="20" onclick="makeMove(2,0)">20</td>
            <td id ="21" onclick="makeMove(2,1)">21</td>
            <td id ="22" onclick="makeMove(2,2)">22</td>     
 </tr>
    </table>

    <hr>
    <input id="myMoveButton" type="submit">

    <script src="java.js"></script>

Answer 1

这就是我提出的：

function isGameOver() {
  for (var i = 0; i < grid.length; i++) {

      if(grid[i][0] == grid[i][1] && grid[i][0]==grid[i][2] && grid[i][0]!=0){
        alert(grid[i][0]+" Wins");
        _win=1;
        return;
      }
  }
  for (var i = 0; i < grid.length; i++) {

      if(grid[0][i] == grid[1][i] && grid[0][i]==grid[2][i]  && grid[0][i]!=0){
        alert(grid[0][i]+" Wins");
        _win=1;
        return;
      }
  }

  if(grid[0][0]==grid[1][1] && grid[0][0] == grid[2][2]  && grid[0][0]!=0){
    alert(grid[0][0]+" Wins");
    _win=1;
        return;
  }

  if(grid[0][2]==grid[1][1] && grid[0][2] == grid[2][0]  && grid[2][0]!=0){
    alert(grid[1][1]+" Wins");
    _win=1;
        return;
  }

}

Working fiddle

这将检查单个列或单行或对角线中的数据是否应相同。如果用户获胜，那么他就无法点击任何其他内容。

Answer 2

通过使用lodash，你可以抽象出一堆这样的东西。我继续重新编码，向您展示我是如何做到的。这样你就可以制作你想要的任何尺寸的棋盘，并允许最多4个玩家。

这是一个小伙伴：

https://jsfiddle.net/mckinleymedia/gqqse6cw/18/

以下是您需要的所有HTML：

article

这是脚本：

<div class="gameboard"></div>

如何提醒Tic Tac Toe的赢家？

2 个答案: