javascript - Tic-Tac-Toe 游戏不会切换玩家、更新分数或更换玩家-6ren

javascript - Tic-Tac-Toe 游戏不会切换玩家、更新分数或更换玩家

转载作者：太空宇宙更新时间：2023-11-04 02:30:23

24

4

我正在开发一个 2 人井字游戏元素，我遇到了一个问题，即我的程序没有改变玩家并且没有正确切换玩家。此外，我的程序在更新分数时也有问题，我使用它来确定获胜条件，方法是使用二进制逻辑、按位运算符和数组来确定何时达到获胜条件。

var player1name = "";
var player2name = "";
var firstPlayer = player1name;
var player1 = 0; //score for all games
var player2 = 0; //score for all games
var scoreX = 0; //player "X" score on current board
var scoreO = 0; //player "X" score on current board
var value = 0; //button binary value
var player = "X"; //current player's turn X or O
var winner = ""; //stores winner X or O
var winArray = [7, 56, 448, 73, 146, 292, 273, 84];
var clickedArray = [];
var clicksCount = 0;
var currentPlayer = ""; //get player's name

function start() {
  //alert("start");
  player1name = prompt("Enter first player's name:", "");
  player2name = prompt("Enter second player's name:", "");
  currentPlayer = player1name;
  document.getElementById("player").innerHTML =
currentPlayer + " choose a square.";
}

function playerMoved(id, value) {
  changeText(id);
  updateScore(value);

  //check for winner
  if (player === "X") {
check4winner(scoreX);
  } else {
check4winner(scoreO);
  }

  //was there a winner?
  if (winner !== "") {
//alert("winner:" + winner);
//logic to display winner
document.getElementById("winner").innerHTML = currentPlayer + " won!";
startNewGame();
  } else {
changePlayer();
  }
  switchPlayer();
}

function changeText(id) {
  //alert("changeText: " + player);
  //alert(id.innerHTML);
  if (id.innerHTML === "") {
//storing id's of clicked div to reset later
clickedArray[clicksCount] = id;
clicksCount = clicksCount + 1;

if (player === "X") {
  id.innerHTML = "X";
} else {
  id.innerHTML = "O";
}
  }
}

function switchPlayer() {
  //alert("switchPlayer");
  //switch player prompt
  if (currentPlayer === player1name) {
currentPlayer = player2name;
  } else {
currentPlayer = player1name;
  }
  //re-display current player in h2
  document.getElementById("player").innerHTML =
currentPlayer + " choose a square.";
}

function updateScore(value) {
  //alert("updateScore");
  //alert("Update Score for " + player);
  if (player === "X") {
scoreX = scorex + value;
alert("scoreX: " + scoreX);
  } else {
scoreO = scoreO + value;
alert("scoreO: " + scoreO);
  }
  alert("PlayerX Score: " + scoreX + " PlayerO Score: " + scoreO);
}

function check4winner(score) {
  //alert("Checking for winner" + score);
  var i;
  for (i = 0; i < winsArray.length; i++) {
if ((winsArray[i] & score) === winsArray[i]) {
  if (player === "X") {
    winner = "X";
  } else {
    winner = "O";
  }
  alert(winner + "Won!");
  i = 99; //break out of for loop
}
  }
}

function changePlayer() {
  //alert("Changed Player: " + player);
  if (player === "X") {
player = "O";
  } else {
player = "X";
  }
  document.getElementById("player").innerHTML =
currentPlayer + " choose a square.";
}

function startNewGame() {
  //alert("Start new game");
  winner = "";
  scoreO = 0;
  scoreX = 0;
  //reset all clicked squares
  for (i = 0; i < clickedArray.length; i++) {
clickedArray[i].innerHTML = "";
  }
  //change who goes first
  if (firstPlayer === player1name) {
firstPlayer = player2name;
  } else {
firstPlayer = player1name;
  }
  currentPlayer = firstPlayer;
  document.getElementById("player").innerHTML =
currentPlayer + " choose a square.";
  //update scores
}

.Table {
  display: table;
}

.Row {
  display: table-row;
}
            
.Cell {
  display: table-cell;
  border: dashed black 2px;
  padding: 0px 5px 0px 5px;
  height: 50px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  background-color: #3B653D;
  color: #FFFEFA;
  font-size: xx-large;
}

<body onLoad="start()">
  <div className="Table">
<div className="Title">
  <h1>Tic-Tac-Toe</h1>
  <h2 id="winner" />
  <h2 id="player" />
  <div className="Row">
    <div class="Cell" onclick="playerMoved(this, 1)" />
    <div class="Cell" onclick="playerMoved(this, 2)" />
    <div class="Cell" onclick="playerMoved(this, 4)" />
  </div>
  <div className="Row">
    <div class="Cell" onclick="playerMoved(this, 8)" />
    <div class="Cell" onclick="playerMoved(this, 16)" />
    <div class="Cell" onclick="playerMoved(this, 32)" />
  </div>
  <div className="Row">
    <div class="Cell" onclick="playerMoved(this, 64)" />
    <div class="Cell" onclick="playerMoved(this, 128)" />
    <div class="Cell" onclick="playerMoved(this, 256)" />
  </div>
</div>
  </div>
</body>;

最佳答案

您应该在浏览器的 Dev Tools 中了解错误控制台.进行移动时，它提供以下错误:

js:137 Uncaught ReferenceError: scorex is not defined

这些线索可以帮助您找出代码中何时出现问题。例如，在此错误中，它显示在第 137 行，您正在使用名为 scorex 的变量(注意小写 X)。不过，您的真实变量包括大写 X。一旦 JavaScript 遇到错误，它就会停止执行。

JavaScript 抛出错误，因为 scorex 不是已定义的变量。将其更改为 scoreX，它将克服该错误。变量区分大小写。

不过，此后还有更多错误，所以我会让您找出这些错误。我会给你一个提示:winArray 还是 winsArray？

关于javascript - Tic-Tac-Toe 游戏不会切换玩家、更新分数或更换玩家，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36634944/

24

4

0

文章推荐： python - 卡在 Python 中以在 H2O 的 XGBoost 上使用网格搜索

文章推荐： html - 设置背景图像

文章推荐： c - gcc无法扩展某些宏

文章推荐： html - 使用重叠的 div 和 bootstrap 格式化以形成 2 列

c++ - C++ 中的 Tic-Tac-Toe 帮助，如何制作循环以便 Tic Tac Toe 游戏每次都会重复棋盘
我是初学者，所以我的代码很乱。我还没有完整地评论这个游戏，所以如果你需要澄清一些变量，我可以给你。 (顺便说一句，这是一个要求制作井字游戏的c++项目) 我的主要问题是，我将如何重复我的棋盘(每次有人
tic-tac-toe - 使计算机永远不会在井字游戏中迷路
我正在为C的Tic Tac Toe代码编写一个简单的游戏。我已经完成了大部分代码，但是我希望AI永不丢失。我已经阅读了有关minimax算法的信息，但我不理解。如何使用此算法使计算机获胜或平局，但永
javascript - Tic Tac Toe 游戏结束后禁用按钮
感谢这里人们的帮助，我成功地禁用了点击 div 并在已经使用 $(".pos").addClass('already-played'); 选择它们时覆盖它们；以及 CSS 中的这个: .已经播放{
java - Tic Tac Toe 游戏重置太快
我有一个井字棋游戏，其中用户(x)玩CPU(o)。游戏开始时，CPU 将 (o) 放置在中心，并在用户之后移动到随机位置。游戏设置为循环，但一旦出现获胜者，它就会重置，并且不会显示“你赢/输的横幅”。
javascript Tic tac toe 游戏等待用户输入
我试图在没有人工智能的情况下实现井字棋游戏。不知怎的，我的点击功能会自动触发。您能帮我理解为什么点击功能会自动触发吗？这是 HTML 代码片段。 Tic Tac Toe Gam
c - Tic-Tac-Toe:如何填充决策树？
我正在制作一个井字游戏程序。我计划将 minimax 与它一起使用。我制作了一棵树，其中包含所有可能的游戏序列的空间，并且我正在寻找一种方法来填充它。我目前有这种类型: typedef struct
Java Tic Tac Toe 构造函数
我正在尝试遵循本教程: https://www.youtube.com/watch?v=Db3cC5iPrOM 2:59 我听不懂他在说什么。我不明白为什么他在构造函数(public static
java - Tic Tac Toe 游戏循环错误
我在这里为我的java作业编写了井字棋游戏，一切都很好，除了一个小问题，即当您输入最后一步(第九回合)时，最后一个“X”不显示。这不仅很烦人，因为获胜的棋子没有显示，而且还导致了一些问题，即领带方法没
java - Tic Tac Toe 获胜者检查器问题
我对编码和 Java 比较陌生，在我的 CS-173 类(class)中，我的任务是创建一个 Tic Tac Toe 游戏。然而，当谈到创建确定获胜者的方法时，每当我获得“胜利”时，代码都不会运行说我
Java Tic Tac Toe 检查获胜者方法不能一起工作
您好，我想尝试制作一个井字游戏，但遇到问题。我仍然是一个初学者，所以请随意提供有关组织和类似内容的提示，但我的问题是我的方法 checkRowWin、checkColoumnWin 和 E.T.C 添
java - Tic-Tac-Toe 打印游戏树搜索中最佳移动的路径？
我正在研究 Tic-Tac-Toe 游戏 (3x3) 的 alpha-beta 剪枝算法。目前，对于任何给定的 3x3 网格实例，我都能找出最好的情况: public Best chooseAlpha
Java Tic Tac Toe 游戏
我是一名初学者，正在学习 Java super 技能类(class)。我试图尝试 this VS Code 中的 tic tac toe 游戏项目。效果很好。但代码在提交时出错。代码: packag
java - Tic Tac Toe 程序中无法访问的代码
我已经研究“死代码”和“无法访问的代码”有一段时间了，但我似乎仍然无法弄清楚我的程序中这个问题是怎么回事。这是我所拥有的一个片段； “gameEnd()”方法检查 Tic Tac Toe 中的获胜者:
Java Tic Tac Toe 获胜条件
我目前正在做一项任务，即创建一个 Tic Tac Toe 游戏。我已经做到了玩家可以在棋盘上放置标记、绘制标记并随后切换回合。但是，只有当玩家将其标记放在左上角(第一个)字段时，我检查是否存在获胜条件
java - Tic Tac Toe 程序循环问题
编辑:我注意到，当您为 TicTacToe 表输入错误的数字时，我的程序会输出“无效移动”。什么会导致这种情况呢？我只使用 move(row, col) 方法一次，因此它不会重复无效输入两次。我一直
Java 不可达语句 Tic Tac Toe
import java.util.Scanner; public class TTT{ public static int row, col; public static Scanner scan =
java - Tic Tac Toe 程序未确定获胜者
这个问题已经有答案了: Is Java "pass-by-reference" or "pass-by-value"? (91 个回答) 已关闭 7 年前。我的井字棋程序有一个小问题。我有一个嵌套计
Python TIC TAC TOE 跳轮
我正在用 python 开发一个 tic-tac-toe 程序。现在，轮到人类了，一切顺利。然而，AI 在玩完第一个回合后，不会再玩任何后续回合。我扫描了代码，似乎找不到任何可能导致此问题的错误。请
javascript - Tic Tac Toe 获胜功能
function checkWin(){ if (arro[0] === arro[1] === arro[2] === 1 || arro[3] === arro[4] === arro[5] ==
javascript - Tic Tac Toe 无法更改innerHTML
我尝试更改innerHTML 的所有内容都没有改变任何内容。没有 X 或 O，并且不会显示当前玩家的姓名。我一直在试图解决这个问题。我一直在寻找答案，据我所知，我所做的一切都是我应该做的。我今晚必须交

首页

博学

6Ren·AI

商城

javascript - Tic-Tac-Toe 游戏不会切换玩家、更新分数或更换玩家