- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我知道已经有很多关于 Tic-Tac-Toe javascript 的问题,但是,我的问题是不同的。我有代码在运行,但它不会声明是否有赢家,或者它是否是猫的游戏,除非整个棋盘都被填满。我有一种感觉,这是我的 if
语句,并且在整个板不为空之前它无法读取“nodeValue of null”。问题是,我该如何解决这个问题?我已经尝试给板子一个“空白”文本节点,但是,这意味着“空白”方 block 彼此相等。有什么办法我仍然可以比较空方 block 和填充方 block 以获得胜利吗? (我特别指的是 start_game()
函数中定义的数组和 beat_game()
函数中的 if
语句,它们比较 2- D 数组)另外,除了这个答案之外,我愿意接受任何关于我的 js 可以改进的建议。这是代码本身:
<html>
<head>
<script type="text/javascript">
window.onload = function page_load() {
// alert('in here');
start_game();
}
function start_game() {
if (document.getElementById('board')) {
document.getElementById('board').parentNode.removeChild(document.getElementById('board'));
}
win_Array = [
[
'TL',
'TM',
'TR'
],
[
'ML',
'MM',
'MR'
],
[
'BL',
'BM',
'BR'
]
];
body = document.getElementsByTagName('body')[0];
table = document.createElement('table');
table.id = 'board';
table.setAttribute('border', '1');
body.appendChild(table);
tbody = document.createElement('tbody');
table.appendChild(tbody);
run = 0;
win = 0;
var count;
td_Array = [{
t: 'TL',
m: 'ML',
b: 'BL'
}, {
t: 'TM',
m: 'MM',
b: 'BM'
}, {
t: 'TR',
m: 'MR',
b: 'BR'
}];
tr = document.createElement('tr');
tr.id = "tr1";
tbody.appendChild(tr);
for (count = 0; count <= 2; count++) {
td = document.createElement('td');
td.id = td_Array[count].t;
td.setAttribute('onClick', 'value("' + td_Array[count].t + '")');
tr.appendChild(td);
}
tr = document.createElement('tr');
tr.id = "tr2";
tbody.appendChild(tr);
for (count = 0; count <= 2; count++) {
td = document.createElement('td');
td.id = td_Array[count].m;
td.setAttribute('onClick', 'value("' + td_Array[count].m + '")');
tr.appendChild(td);
}
tr = document.createElement('tr');
tr.id = "tr3";
tbody.appendChild(tr);
for (count = 0; count <= 2; count++) {
td = document.createElement('td');
td.id = td_Array[count].b;
td.setAttribute('onClick', 'value("' + td_Array[count].b + '")');
tr.appendChild(td);
}
}
function value(data) {
console.log(data);
console.log(document.getElementById(data));
if (run % 2 !== 0) {
td = document.getElementById(data);
text = document.createTextNode('O');
td.appendChild(text);
document.getElementById(data).removeAttribute('onClick');
} else {
td = document.getElementById(data);
text = document.createTextNode('X');
td.appendChild(text);
document.getElementById(data).removeAttribute('onClick');
} //document.getElementById('').childNodes[0].nodeValue //node value prevents error.
run++;
beat_game();
}
function beat_game() {
// alert('test sucessful');
var x, y;
for (x = 0; x < 3; x++)
{ //for checking across td's
if (document.getElementById(win_Array[x][0]).childNodes[0].nodeValue == document.getElementById(win_Array[x][1]).childNodes[0].nodeValue
&& document.getElementById(win_Array[x][1]).childNodes[0].nodeValue == document.getElementById(win_Array[x][2]).childNodes[0].nodeValue)
{
win = true;
win_value = document.getElementById(win_Array[x][0]).childNodes[0].nodeValue;
}
}
for (y = 0; y < 3; y++)
{ //for checking down td's
if (document.getElementById(win_Array[0][y]).childNodes[0].nodeValue == document.getElementById(win_Array[1][y]).childNodes[0].nodeValue
&& document.getElementById(win_Array[1][y]).childNodes[0].nodeValue == document.getElementById(win_Array[2][y]).childNodes[0].nodeValue)
{
win = true;
win_value = document.getElementById(win_Array[0][y]).childNodes[0].nodeValue;
}
} // checking across values here...
if ( document.getElementById(win_Array[0][0]).childNodes[0].nodeValue == document.getElementById(win_Array[1][1]).childNodes[0].nodeValue
&& document.getElementById(win_Array[1][1]).childNodes[0].nodeValue == document.getElementById(win_Array[2][2]).childNodes[0].nodeValue
|| document.getElementById(win_Array[0][2]).childNodes[0].nodeValue == document.getElementById(win_Array[1][1]).childNodes[0].nodeValue
&& document.getElementById(win_Array[1][1]).childNodes[0].nodeValue == document.getElementById(win_Array[2][0]).childNodes[0].nodeValue)
{
win = true;
win_value = document.getElementById(win_Array[0][0]).childNodes[0].nodeValue;
}
if(win == true)
{
if(win_value == 'X')
{
alert('Player 1 Wins!');
}else{
alert('Player 2 Wins!');
}
}else {
alert("Cat's Game!");
}
}
</script>
<style>
td {
width: 50px;
height: 50px;
text-align: center;
}
body {
font-size: 6;
}
</style>
</head>
<body>
</body>
</html>
再次感谢!
最佳答案
您是对的,问题出在您的 beat_game()
函数中。
第一个条件将引发异常,因为 td 单元格中没有子节点(例如 document.getElementById(win_Array[x][0]).childNodes[0]
)您试图从中获取 nodeValue
属性。
要解决此问题,您可以使用一种更安全/通用的方式来获取单元格的值,以了解您如何使用 innerHTML 构建舞台:document.getElementById(win_Array[x][0]).innerHTML
要解决所有空白方 block 彼此相等的问题,您可以添加额外的检查以确保单元格在说 win = true
之前确实包含一个值。结合所有这些技巧,其中一个循环将如下所示:
for (x = 0; x < 3; x++)
{ //for checking across td's
if (document.getElementById(win_Array[x][0]).innerHTML == document.getElementById(win_Array[x][1]).innerHTML
&& document.getElementById(win_Array[x][1]).innerHTML == document.getElementById(win_Array[x][2]).innerHTML)
{
win_value = document.getElementById(win_Array[x][0]).innerHTML;
win = win_value ? true : false;
}
}
完成此操作后,您会发现一个新错误,游戏会不断提示“猫的游戏!”。因为在游戏获胜检查之后,如果 win 不为真,我们将永远落入 else 的情况。要解决此问题,我建议使用您的 run
变量来确定何时执行了最大移动次数。
另一个错误是您在游戏中检查对 Angular 线的最后一个条件。您将 win_value 指定为始终位于棋盘的左上角,但实际获胜值在这种情况下可能会有所不同,因为您已将两种对 Angular 线情况组合在一个语句中。
希望这对您有所帮助!
关于Javascript Tic-Tac-Toe,为什么在整个棋盘都填满后等待提醒用户?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22927400/
我是初学者,所以我的代码很乱。我还没有完整地评论这个游戏,所以如果你需要澄清一些变量,我可以给你。 (顺便说一句,这是一个要求制作井字游戏的c++项目) 我的主要问题是,我将如何重复我的棋盘(每次有人
我正在为C的Tic Tac Toe代码编写一个简单的游戏。我已经完成了大部分代码,但是我希望AI永不丢失。 我已经阅读了有关minimax算法的信息,但我不理解。如何使用此算法使计算机获胜或平局,但永
感谢这里人们的帮助,我成功地禁用了点击 div 并在已经使用 $(".pos").addClass('already-played'); 选择它们时覆盖它们; 以及 CSS 中的这个: .已经播放{
我有一个井字棋游戏,其中用户(x)玩CPU(o)。游戏开始时,CPU 将 (o) 放置在中心,并在用户之后移动到随机位置。游戏设置为循环,但一旦出现获胜者,它就会重置,并且不会显示“你赢/输的横幅”。
我试图在没有人工智能的情况下实现井字棋游戏。不知怎的,我的点击功能会自动触发。您能帮我理解为什么点击功能会自动触发吗?这是 HTML 代码片段。 Tic Tac Toe Gam
我正在制作一个井字游戏程序。我计划将 minimax 与它一起使用。我制作了一棵树,其中包含所有可能的游戏序列的空间,并且我正在寻找一种方法来填充它。我目前有这种类型: typedef struct
我正在尝试遵循本教程: https://www.youtube.com/watch?v=Db3cC5iPrOM 2:59 我听不懂他在说什么。 我不明白为什么他在构造函数(public static
我在这里为我的java作业编写了井字棋游戏,一切都很好,除了一个小问题,即当您输入最后一步(第九回合)时,最后一个“X”不显示。这不仅很烦人,因为获胜的棋子没有显示,而且还导致了一些问题,即领带方法没
我对编码和 Java 比较陌生,在我的 CS-173 类(class)中,我的任务是创建一个 Tic Tac Toe 游戏。然而,当谈到创建确定获胜者的方法时,每当我获得“胜利”时,代码都不会运行说我
您好,我想尝试制作一个井字游戏,但遇到问题。我仍然是一个初学者,所以请随意提供有关组织和类似内容的提示,但我的问题是我的方法 checkRowWin、checkColoumnWin 和 E.T.C 添
我正在研究 Tic-Tac-Toe 游戏 (3x3) 的 alpha-beta 剪枝算法。目前,对于任何给定的 3x3 网格实例,我都能找出最好的情况: public Best chooseAlpha
我是一名初学者,正在学习 Java super 技能类(class)。我试图尝试 this VS Code 中的 tic tac toe 游戏项目。效果很好。但代码在提交时出错。 代码: packag
我已经研究“死代码”和“无法访问的代码”有一段时间了,但我似乎仍然无法弄清楚我的程序中这个问题是怎么回事。这是我所拥有的一个片段; “gameEnd()”方法检查 Tic Tac Toe 中的获胜者:
我目前正在做一项任务,即创建一个 Tic Tac Toe 游戏。我已经做到了玩家可以在棋盘上放置标记、绘制标记并随后切换回合。但是,只有当玩家将其标记放在左上角(第一个)字段时,我检查是否存在获胜条件
编辑:我注意到,当您为 TicTacToe 表输入错误的数字时,我的程序会输出“无效移动”。什么会导致这种情况呢?我只使用 move(row, col) 方法一次,因此它不会重复无效输入两次。 我一直
import java.util.Scanner; public class TTT{ public static int row, col; public static Scanner scan =
这个问题已经有答案了: Is Java "pass-by-reference" or "pass-by-value"? (91 个回答) 已关闭 7 年前。 我的井字棋程序有一个小问题。我有一个嵌套计
我正在用 python 开发一个 tic-tac-toe 程序。现在,轮到人类了,一切顺利。然而,AI 在玩完第一个回合后,不会再玩任何后续回合。我扫描了代码,似乎找不到任何可能导致此问题的错误。 请
function checkWin(){ if (arro[0] === arro[1] === arro[2] === 1 || arro[3] === arro[4] === arro[5] ==
我尝试更改innerHTML 的所有内容都没有改变任何内容。没有 X 或 O,并且不会显示当前玩家的姓名。我一直在试图解决这个问题。我一直在寻找答案,据我所知,我所做的一切都是我应该做的。我今晚必须交
我是一名优秀的程序员,十分优秀!