设为首页收藏本站

切换到宽版

云盘资源分享论坛»首页 › 论坛事务区 › 学习问答 › 井字棋游戏

发新帖

查看: 311|回复: 0

井字棋游戏

966 主题	156 回帖	4492 积分

Rank: 3 Rank: 3

UID: 32013
金钱: 3371
钻石: 7
积分: 4492
注册时间: 2023-7-27

发消息

发表于 2023-9-8 11:05:39 | 显示全部楼层 |阅读模式

```
<!DOCTYPE html>
<html>
<head>
<title>井字棋游戏</title>
</head>
<body>
<h1>井字棋游戏</h1>
<div class="grid">
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
</div>
<button id="human">人类先手</button>
<button id="computer">电脑先手</button>
<script>
let squares = document.querySelectorAll(".square");
let human_button = document.getElementById("human");
let computer_button = document.getElementById("computer");
let current_player = "human";
human_button.addEventListener("click", function() {
current_player = "human";
human_move();
});
computer_button.addEventListener("click", function() {
current_player = "computer";
computer_move();
});
function human_move() {
let guess = prompt("请在格子上点击：");
if (guess === "topLeft") {
squares[0].classList.add("human");
} else if (guess === "topCenter") {
squares[1].classList.add("human");
} else if (guess === "topRight") {
squares[2].classList.add("human");
} else if (guess === "centerLeft") {
squares[3].classList.add("human");
} else if (guess === "center") {
squares[4].classList.add("human");
} else if (guess === "centerRight") {
squares[5].classList.add("human");
} else if (guess === "bottomLeft") {
squares[6

复制代码

盘基地论坛免责声明

1、本站资源来自互联网用户收集发布，仅供用于学习和交流。
2、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。
3、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决。
4、联系邮箱：admin@panjdzy.com
5、官方网址：www.panjdzy.com
6、备用网址：www.panjd.top

上一篇：这是一个简单的网页小游戏代码，名为“猜数字”：
下一篇：老王一天要刮四五十次脸，脸上却仍有胡子。什么原因？

回复

使用道具举报

发新帖

Archiver|手机版|小黑屋|云盘资源分享论坛

GMT+8, 2025-5-9 17:13

Powered by Discuz! 联系邮箱：admin@panjdzy.com

本站资源来自互联网用户收集发布，仅供用于学习和交流。

如有侵权之处，请联系站长并出示版权证明以便删除，敬请谅解！

快速回复 返回顶部 返回列表