用JavaScript写人对人的井字棋
时间: 2023-05-19 17:03:34 浏览: 47
以下是用 JavaScript 写的人对人的井字棋游戏代码：
HTML 代码：
```
<!DOCTYPE html>
<html>
<head>
<title>人对人井字棋游戏</title>
<style type="text/css">
table {
border-collapse: collapse;
margin: 20px auto;
}
td {
width: 50px;
height: 50px;
border: 1px solid black;
text-align: center;
font-size: 30px;
cursor: pointer;
}
td:hover {
background-color: #eee;
}
</style>
</head>
<body>
<table id="board">
<tr>
<td id="0"></td>
<td id="1"></td>
<td id="2"></td>
</tr>
<tr>
<td id="3"></td>
<td id="4"></td>
<td id="5"></td>
</tr>
<tr>
<td id="6"></td>
<td id="7"></td>
<td id="8"></td>
</tr>
</table>
<div id="result"></div>
<script type="text/javascript" src="game.js"></script>
</body>
</html>
```
JavaScript 代码：
```
var board = document.getElementById("board");
var cells = board.getElementsByTagName("td");
var result = document.getElementById("result");
var currentPlayer = "X";
var moves = 0;
var gameEnded = false;
for (var i = 0; i < cells.length; i++) {
cells[i].addEventListener("click", function() {
if (gameEnded) {
return;
}
if (this.innerHTML !== "") {
return;
}
this.innerHTML = currentPlayer;
moves++;
if (checkWin()) {
result.innerHTML = currentPlayer + " 赢了！";
gameEnded = true;
return;
}
if (moves === 9) {
result.innerHTML = "平局！";
gameEnded = true;
return;
}
currentPlayer = currentPlayer === "X" ? "O" : "X";
});
}
function checkWin() {
var lines = [
[0, 1, 2],
[3, 4, 5],
[6, 7, 8],
[0, 3, 6],
[1, 4, 7],
[2, 5, 8],
[0, 4, 8],
[2, 4, 6]
];
for (var i = 0; i < lines.length; i++) {
var a = lines[i][0];
var b = lines[i][1];
var c = lines[i][2];
if (cells[a].innerHTML === currentPlayer && cells[b].innerHTML === currentPlayer && cells[c].innerHTML === currentPlayer) {
return true;
}
}
return false;
}
```
这个游戏使用 HTML 和 JavaScript 编写，通过点击表格中的单元格来下棋。游戏会检查是否有一方获胜或者平局，并在结果区域显示结果。
相关推荐
最新推荐
JavaScript实现点击按钮字体放大、缩小
本文给大家分享js实现点击按钮字体放大缩小实例代码，代码简单易懂，需要的朋友参考下吧 具体代码如下所示： <style> .bb{color:red;} .cc{color:green;....chapter {font-size: 1.5em;...//$('#switc
javascript 改变字体大小方法集合 原创
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第二种方法，用的不多，有特殊需要的可以用。这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。 ....
javascript中直接写php代码的方法
一、在javascript中嵌入php代码javascript若是通过js文件包含进来的，那么js文件中也可以直接写php代码，只不过包含js文件是扩展名要改成php，如： 代码如下:[removed][removed]二、javascript函数参数的默认值c语言...
JavaScript实现把数字转换成中文
var _change = { ary0:["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"], ary1:["", "十", "百", "千"], ary2:["", "万", "亿", "兆"], init:function (name) { this.name = name;...
JavaScript获取当前cpu使用率的方法
主要介绍了JavaScript获取当前cpu使用率的方法,涉及JavaScript针对系统硬件操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
MATLAB遗传算法自动优化指南：解放算法调优，提升效率
# 1. MATLAB遗传算法概述**
遗传算法是一种受生物进化启发的优化算法，它模拟了自然选择和遗传的过程。在MATLAB中，遗传算法工具箱提供了丰富的函数和类，用于创建和运行遗传算法。
**1.1 遗传算法的基本原理**
遗传算法的工作原理如下：
- **初始化：**创建由随机个体组成的初始种群。
- **评估：**根据目标函数计算每个个体的适应度。
-
failed to register layer: ApplyLayer exit status 1 stdout: stderr: archive/tar: invalid tar header
很抱歉听到这个问题。这个错误通常是由于Docker镜像损坏或Docker存储库中缺少所需的图层引起的。您可以尝试以下几种方法来解决这个问题：
1. 清理Docker镜像和容器：使用命令“docker system prune”清理不再使用的Docker对象。
2. 检查Docker存储库：确保您正在使用可靠的Docker存储库，并检查是否存在所有必需的图层。
3. 重新下载Docker镜像：如果您确定问题是由于损坏的Docker镜像引起的，则可以尝试重新下载Docker镜像。
4. 更新Docker版本：如果您使用的是旧版Docker，则可能会出现此问题。尝试更新到最新版本的Docke
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。