- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
代码工作正常,但 compMove() 函数未按我的预期工作。我希望它执行以下操作:1. 如果用户(X)有获胜的举动,则阻止它。2. 如果计算机有获胜的棋步(O),则采取它。
这是该程序的链接:
This is the hyperlink to the jsfiddle implementation of my code
下面给出的是游戏的 javascript 部分。
$(document).ready(function () {
var count = 0;
function isAvailableField($this) {
return !$this.attr('data-move');
}
function userMove($this, move) {
$this.attr('data-move', move);
$this.addClass(move);
}
function reset() {
$('.move-x').removeClass('move-x');
$('.move-o').removeClass('move-o');
$('.grid td').attr('data-move', '');
count = 0;
}
$('.grid td').click(function () {
if (isAvailableField($(this))) {
userMove($(this), 'move-x');
count++;
checkWin();
compMove();
}
});
function compMove(){
if(isAvailableField('#field' + 1)&&($('#field'+2).attr('data-move') == $('#field' + 3).attr('data-move') || $('#field' + 5).attr('data-move') == $('#field' + 9).attr('data-move') || $('#field' + 4).attr('data-move')==$('#field' + 7).attr('data-move'))) {
userMove('#field'+1,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+2)&&($('#field'+1).attr('data-move')==$('#field'+3).attr('data-move')||$('#field'+5).attr('data-move')==$('#field'+8).attr('data-move'))){
userMove('#field'+2,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+3)&&($('#field'+2).attr('data-move')==$('#field'+1).attr('data-move')||$('#field'+5).attr('data-move')==$('#field'+7).attr('data-move')||$('#field'+6).attr('data-move')==$('#field'+9).attr('data-move'))){
userMove('#field'+3,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+4)&&($('#field'+1).attr('data-move')==$('#field'+7).attr('data-move')||$('#field'+5).attr('data-move')==$('#field'+6).attr('data-move'))){
userMove('#field'+4,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+5)&&($('#field'+2).attr('data-move')==$('#field'+8).attr('data-move')||$('#field'+1).attr('data-move')==$('#field'+9).attr('data-move')||$('#field'+3).attr('data-move')==$('#field'+7).attr('data-move')||$('#field'+4).attr('data-move')==$('#field'+6).attr('data-move'))){
userMove('#field'+5,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+6)&&($('#field'+4).attr('data-move')==$('#field'+5).attr('data-move')||$('#field'+3).attr('data-move')==$('#field'+9).attr('data-move'))){
userMove('#field'+6,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+7)&&($('#field'+1).attr('data-move')==$('#field'+4).attr('data-move')||$('#field'+5).attr('data-move')==$('#field'+3).attr('data-move')||$('#field'+8).attr('data-move')==$('#field'+9).attr('data-move'))){
userMove('#field'+7,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+8)&&($('#field'+2).attr('data-move')==$('#field'+5).attr('data-move')||$('#field'+7).attr('data-move')==$('#field'+9).attr('data-move'))){
userMove('#field'+8,'move-o');
count++;
checkWin();
}
else if(isAvailableField('#field'+9)&&($('#field'+1).attr('data-move')==$('#field'+5).attr('data-move')||$('#field'+3).attr('data-move')==$('#field'+6).attr('data-move')||$('#field'+7).attr('data-move')==$('#field'+8).attr('data-move'))){
userMove('#field'+9,'move-o');
count++;
checkWin();
}
else{
if(isAvailableField('#field'+5)){
userMove('#field'+5,'data-move');
count++;
checkWin();
}
else if(isAvailableField('#field'+1)){
userMove('#field'+1,'data-move');
count++;
checkWin();
}
else if(isAvailableField('#field'+9)){
userMove('#field'+9,'data-move');
count++;
checkWin();
}
else if(isAvailableField('#field'+8)){
userMove('#field'+8,'data-move');
count++;
checkWin();
}
else{
userMove('#field'+4,'data-move');
count++;
checkWin();
}
}
}
var winconditions = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
[1, 4, 7],
[2, 5, 8],
[3, 5, 7],
[1, 5, 9],
[3, 6, 9]
];
function judgmentDay(move) {
for (var i = 0; i < winconditions.length; i++) {
var line = winconditions[i];
var j = 0;
for (; j < line.length; j++) {
var num = line[j];
if ($('#field' + num).attr('data-move') != move) {
break;
}
}
if (j == line.length) {
return true;
}
}
}
function checkWin() {
if (count < 5) {
return;
}
if (judgmentDay('move-x')) {
alert("X wins!");
reset();
} else if (judgmentDay('move-o')) {
alert("O wins!");
reset();
} else if (count == 9) {
alert("It's a draw!");
reset();
}
}
});
最佳答案
您没有使用 jquery 元素作为 isAvailableField 和 userMove 的参数。例如
isAvailableField('#field'+3)
必须
isAvailableField($('#field'+3))
关于javascript - JavaScript 中的 Tic Tac Toe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31311994/
我是初学者,所以我的代码很乱。我还没有完整地评论这个游戏,所以如果你需要澄清一些变量,我可以给你。 (顺便说一句,这是一个要求制作井字游戏的c++项目) 我的主要问题是,我将如何重复我的棋盘(每次有人
本文实例讲述了Python实现的井字棋(Tic Tac Toe)游戏。分享给大家供大家参考,具体如下: 说明 用python实现了井字棋,整个框架是本人自己构思的,自认为比较满意。另外,90%+
这个教程,我们将展示如何用python创建一个井字游戏。 其中我们将使用函数、数组、if条件语句、while循环语句和错误捕获等。 首先我们需要创建两个函数,第一个函数用来显示游戏板:
我正在尝试从命令行(使用终端)以相反的顺序搜索大文件。我找到了 tac 命令:http://clifgriffin.com/2008/11/25/tac-and-reverse-grep/ tac 是
在阅读时,我遇到了“中级语言”和“3AC”这两个术语。 据我了解,IL 是源代码编译过程中的中间“步骤”。更具体地说,我正在阅读有关字节码(Java)和 C 的内容。 我解释它的方式(如果错了请纠正我
我正在为C的Tic Tac Toe代码编写一个简单的游戏。我已经完成了大部分代码,但是我希望AI永不丢失。 我已经阅读了有关minimax算法的信息,但我不理解。如何使用此算法使计算机获胜或平局,但永
我正在尝试使用reactjs创建一个简单的井字棋应用程序,其中有两种模式:经典和图像,在经典模式下我可以选择显示 X 和 O,在图像模式下,我可以选择两个显示下面提到的两个图像。我的文件结构是: sr
我想将普通的三地址代码文件转换为 Java 字节码。已经有一些与此主题相关的问题,但没有得到解答 properly或question远远超出了我正在寻找的范围。 以《龙书》中的编译器前端生成的这段代码
我试图解决 Schwartz 的“学习 Perl”中的一个练习,这时我在编写的代码中偶然发现了意外的输出。我想知道我做错了什么。 Qn:实现一个类似于 unix 实用程序的简单 tac。 我的解决方案
我有一份非常通用的工作,不同的参数作为来自不同文件的上下文参数传递。但我仍然需要“硬编码”上下文文件名并在 TAC (Talend Administration Console) 中创建多个作业以供执
我现在想用我的代码做两件事。1) 检查获胜者2) 不让双方玩家在同一个位置进入eg.如果player1已经在board[0][0]='X'处输入了value,player2再次进入board[0][0
我有一个扭曲的 tac 文件 (twisted_service.py),其中包含代码: from twisted.application import service # application.py
我是 UNIX 编码的新手,我有一个文件需要逐行反向读取。该文件在 {} 中有代码段。然后我需要使用这个反向文件作为输入来运行一个 awk 脚本。我正在让我们的支持人员安装 tac,但在他们安装之前,
感谢这里人们的帮助,我成功地禁用了点击 div 并在已经使用 $(".pos").addClass('already-played'); 选择它们时覆盖它们; 以及 CSS 中的这个: .已经播放{
我有一个井字棋游戏,其中用户(x)玩CPU(o)。游戏开始时,CPU 将 (o) 放置在中心,并在用户之后移动到随机位置。游戏设置为循环,但一旦出现获胜者,它就会重置,并且不会显示“你赢/输的横幅”。
我试图在没有人工智能的情况下实现井字棋游戏。不知怎的,我的点击功能会自动触发。您能帮我理解为什么点击功能会自动触发吗?这是 HTML 代码片段。 Tic Tac Toe Gam
我正在制作一个井字游戏程序。我计划将 minimax 与它一起使用。我制作了一棵树,其中包含所有可能的游戏序列的空间,并且我正在寻找一种方法来填充它。我目前有这种类型: typedef struct
我在完成这项学校作业时遇到了问题。我想实现一种方法,其中代码显示 //call method to check for Winner,在每轮后检查获胜者。 我不确定该怎么做。我尝试过各种不同的方法。然
我正在尝试遵循本教程: https://www.youtube.com/watch?v=Db3cC5iPrOM 2:59 我听不懂他在说什么。 我不明白为什么他在构造函数(public static
问题很简单。我有一个 IMEI,我想从中检索 TAC。我该怎么做?如果我只有 IMEI,是否有办法识别 TAC 应该有多少位数字?是否需要明确知道设备的生产年份才能知道? 最佳答案 从头开始读取 8
我是一名优秀的程序员,十分优秀!