Javascript井字棋-1

最新推荐文章于 2023-03-16 11:00:00 发布
最新推荐文章于 2023-03-16 11:00:00 发布
阅读量406 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49138897/article/details/117331313
版权
本文介绍如何使用JavaScript实现井字棋游戏，包括棋盘创建、下棋逻辑和判断输赢。通过给li标签绑定点击事件，实现玩家与电脑的交互，当点击空格时创建div画子，并更新棋盘状态。这是一个适合初学者的项目，后续将深入探讨更复杂的电脑下法策略。
摘要由CSDN通过智能技术生成

首先我们来讲井字棋的思路

  1. 棋盘
  2. 下棋
  3. 判断输赢

这三步是最基本井字棋的逻辑

可以简单的实现玩家对战的功能

但在本篇文献中

我采取的是电脑跟玩家下

所以我们还需要撕开电脑的下法

  1. 什么地方可以下
  2. 下什么地方最好
  3. 垃圾步

基于上面的逻辑我们开始撰写我们的代码

  1. 棋盘

棋盘这里我才用了一个无序列表ul

以及九个li标签当作镜子棋的九个格子

并给他们都设置了样式

这里不多细讲 如图下

Li标签的value表示这个格子中的状态

为0的时候表示这里没有子

为1的时候表示这里是玩家下的子

为2的时候表示这里是电脑下的子

2.下棋

首先获取到ul标签下的li标签

最低0.47元/天 解锁文章
weixin_49138897
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 井字棋人工智能实现代码
10-29
JavaScript fights back in this artificial Tic Tac Toe game. Great script to have to entertain yourself and your visitors.
【二维数组】判断井字棋玩家是否获胜
adminuser_H2的博客
04-01 3786
题目描述 给定一个二维数组board，代表棋盘，其中元素为1的代表是当前玩家的棋子，0表示没有棋子，-1代表是对方玩家的棋子。当一方棋子在横竖斜方向上有连成排的及获胜(及井字棋规则)，返回当前玩家是否胜出。 测试样例： [[1,0,1],[1,-1,-1],[1,-1,0]] 返回：true 题目分析 井字棋游戏规则，就是判断行、列以及对角线上的棋子是否全部相同 根据给定的二维数组，由于井字棋行和列相等，并且当前玩家的棋子为1， 只需计算某一行或者某一列的和为二维数组的行数，再判断两条对角线
每日一题系列：给定一个二维数组board，代表棋盘，其中元素为1的代表是当前玩家的棋子
m0_57180439的博客
04-01 844
给定一个二维数组board，代表棋盘，其中元素为1的代表是当前玩家的棋子， 0表示没有棋子，-1表示对方玩家棋子。 当一方棋子在横竖斜方向有连城排的获胜（井字棋规则） 返回当前玩家是否胜出 eg:[[1,0,1],[1,-1,-1],[1,-1,0]] 返回true public boolean checkWon(int[][] board) {//通过 int h= board.length;//棋盘的行 int l=board[0].length;//棋盘的列
编程题——井字棋
kevin980123的编程世界
06-03 4667
编程题——井字棋 题目描述： 对于一个给定的井字棋棋盘，请设计一个高效算法判断当前玩家是否获胜。 给定一个二维数组board，代表当前棋盘，其中元素为1的代表是当前玩家的棋子，为0表示没有棋子，为-1代表是对方玩家的棋子。 本代码适用于所有n*n棋盘 程序代码如下： #include <iostream> #include <vector> using nam...
井字棋
qq_45386840的博客
03-15 1515
对于一个给定的井字棋棋盘，请设计一个高效算法判断当前玩家是否获胜。 给定一个二维数组board，代表当前棋盘，其中元素为1的代表是当前玩家的棋子，为0表示没有棋子，为-1代表是对方玩家的棋子。 测试样例： [[1,0,1],[1,-1,-1],[1,-1,0]] 返回：true 思路：井字棋有四种情况表示当前玩家获胜，1代表当前玩家棋子 1. 行全为1， 即行的和为3 2. 列全为1， 列的和为...
井字棋LeetCode简单题
轩玉的博客
01-08 645
给定一个二维数组board，代表棋盘，其中元素为1的代表是当前玩家的棋子，0表示没有棋子，-1代表是对方玩家的棋子。当一方棋子在横竖斜方向上有连成排的及获胜（及井字棋规则），返回当前玩家是否胜出。 测试样例： [[1,0,1],[1,-1,-1],[1,-1,0]] 返回：true class Board { public: bool checkWon(vector<vector<int> > board) { // write code her
使用 React 实现井字棋小游戏
02-09
通过完成这个井字棋项目，开发者能够深入理解React的基本原理，包括组件化、状态管理、事件处理以及现代JavaScript语法的应用。同时，这也是一个很好的实践机会，帮助初学者从理论过渡到实际编程，进一步提升对React...
井字棋AI对战小游戏（前端开发）
03-16
这是一个拥有智能AI对手的井字棋小游戏，使用JavaScript语音进行开发，是一个前端小游戏，打开之后运行井字棋.html即可在网页上与AI进行井字棋游戏对战。也可以参考...
vue实现井字棋游戏
10-14
在本示例中，我们将探讨如何使用Vue.js框架来实现一个经典的井字棋（Tic Tac Toe）游戏。Vue.js是一个轻量级的前端JavaScript框架，它提供了数据绑定和组件化的能力，使得构建用户界面更加便捷。以下是实现这个游戏...
JavaScript-井字棋 根据棋盘和玩家，得出下一步获胜的走法
Always on the road
08-28 1731
假设我们现在有一个 3 x 3 的井字棋游戏，我们用一个二维数组代表棋盘，’x’ 代表玩家 X 下的棋子，’o’ 代表玩家 O 下的棋子，’e’ 代表该格没有棋子。例如： 一个空白的棋盘以下面的二维数组表示 [ [‘e’, ‘e’, ‘e’],   [‘e’, ‘e’, ‘e’],   [‘e’, ‘e’, ‘e’] ] 如果玩家 X 在第一行第一列下了一步棋，玩家 O 在第二行第二列下...
【Java版oj】day10 井字棋、密码强度等级
m0_63372226的博客
03-16 996
代表棋盘，其中元素为1的代表是当前玩家的棋子，0表示没有棋子，-1代表是对方玩家的棋子。当一方棋子在横竖斜方向上有连成排的及获胜（及井字棋规则），返回当前玩家是否胜出。符号包含如下： (ASCII码表可以在UltraEdit的菜单view->ASCII Table查看)这题看似复杂，其实只要根据要求，一个一个去解决，还是很容易的。"#$%&'()*+,-./ (ASCII码：0x21~0x2F)10 分: 密码里的字母全都是小（大）写字母。>= 0: 非常弱（Very_Weak）
牛客网编程基础12，14-15
qq_35877443的博客
07-30 344
这次的题目挺简单~不过知识点却也很丰富啦！12.词频统计题目描述 请设计一个高效的方法，找出任意指定单词在一篇文章中的出现频数。 给定一个string数组article和数组大小n及一个待统计单词word，请返回该单词在文章中的出现频数。保证文章的词数小于等于1000。感受：一开始看这题目已知条件这样给不也很简单吗，几行代码就出来了，不过要是用字典树(Trie)实现的话，会很有收获哦！ Tri
【每日一题】井字棋
zhao_leilei的博客
12-08 2074
题目来源 牛客网 链接：井字棋 题目描述 给定一个二维数组board，代表棋盘，其中元素为1的代表是当前玩家的棋子，0表示没有棋子，-1代表是对方玩家的棋子。当一方棋子在横竖斜方向上有连成排的及获胜（及井字棋规则），返回当前玩家是否胜出。 测试用例： [[1,0,1],[1,-1,-1],[1,-1,0]] 返回：true 解题思路 井字棋有四种情况表示当前玩家获胜，1代表当前玩家棋子 行全为1， 即行的和为3 列全为1，即列的和为3 主对角全为1， 即主对角和为3 副对角全为1，即副对角和为3 如
[每日一题] 19. 井字棋 (编程基础、数组)
Y-puyu 的博客
10-11 1330
1. 题目来源 链接：井字棋 来源：牛客网 2. 题目说明 对于一个给定的井字棋棋盘，请设计一个高效算法判断当前玩家是否获胜。 给定一个二维数组board，代表当前棋盘，其中元素为1的代表是当前玩家的棋子，为0表示没有棋子，为-1代表是对方玩家的棋子。 测试样例： [[1,0,1],[1,-1,-1],[1,-1,0]] 返回：true 3. 题目解析 井字棋，是一种在3* 3格子上进行的...
javascript井字棋-4
weixin_49138897的博客
06-28 269
var num1 = [],num2 = [],fp = 0; for(i=0;i<9;i++){ num1[i] = 0; num2[i] = i; } var a = document.getElementById("box")...
刷题(十一) 密码强度等级 井字棋
weixin_50910403的博客
12-31 428
密码强度等级 井字棋井字棋思路代码密码强度等级思路代码 井字棋 题目描述：给定一个二维数组board，代表棋盘，其中元素为1的代表是当前玩家的棋子，0表示没有棋子，-1代表是对方玩家的棋子。当一方棋子在横竖斜方向上有连成排的及获胜（及井字棋规则），返回当前玩家是否胜出。 示例： 输入：[[1,0,1],[1,-1,-1],[1,-1,0]] 输出：true 链接：井字棋 思路 此题是一道基础题，我们只需要把当前玩家可以获胜的情况全部列出来即可。 代码 import java.util.*; public c
C语言井字棋游戏~
weixin_59094759的博客
10-24 3227
井字棋游戏要求在3乘3棋盘上,每行都相同或者每列都相同再或者对角线相同,则胜出.因此我们可以使用一个二维数组来表示棋盘,判断胜负只需要判断数组元素是否相同即可.具体我们可以分为以下几步来做: 1.创建维数组并进行初始化,如果仅仅是一个二维数组来表示棋盘,看起来不是很清楚,因此我们可以对棋盘边框用符号打印出来进行优化一下: //初始化棋盘 void init(char board[max_row][max_col]) { for (int row = 0; row < max_row; row+
二维数组应用：井字棋
weixin_53048474的博客
11-08 516
使用二维数组实现井字棋小游戏
js井子棋
厚渡
11-13 5823
js （vue）如何实现井字琪 游戏规则我想不用我多说了， 本次dome仅仅是作者太无趣了， 写着玩的，不喜勿喷。 先给大家看看样子吧。 dome介绍： 这里实现了 井字棋的博弈与胜负。 可以一个人玩。 （自己是X 同时也是 O） 不过这样难免显得无趣。 我又加了个人机跟你下棋 这里面的人机比较笨， 我就不优化了。 （可不要欺负人家呀） 话不多说先上源代码。 <template> <div class="pages"> <h2>井字棋</h2>
用JavaScript写人对人的井字棋
最新发布
03-23
以下是用 JavaScript 写的人对人的井字棋游戏代码： HTML 代码： ``` <!DOCTYPE html> 人对人井字棋游戏 table { border-collapse: collapse; margin: 20px auto; } td { width: 50px; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值