这是一款功能全面的国际象棋游戏开发方案，基于HTML5、CS…

# 双人对战国际象棋网页游戏（完整可运行代码）

功能说明

• 双人本地对战：白棋先行，轮流行棋
• Unicode棋子：♔♕♖♗♘♙ / ♚♛♜♝♞♟
• 走子合法性检测：走错弹出提示框（如马走直线会提示）
• 对局记录：中文记录每一步，如“白方：兵 e2→e4”
• 中文界面

完整代码

将以下代码保存为 chess.html，浏览器打开即可玩：

```html

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8">

<title>国际象棋 - 双人对战</title>

<style>

body{font-family:sans-serif;display:flex;gap:30px;justify-content:center;padding:20px;background:#f5f5f5}

#board{display:grid;grid-template-columns:repeat(8,60px);border:3px solid #333}

.sq{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:42px;cursor:pointer;user-select:none}

.light{background:#f0d9b5}.dark{background:#b58863}

.sel{outline:3px solid #e6a919 inset}

h2{text-align:center}

#log{width:260px;height:480px;overflow-y:auto;background:#fff;border:1px solid #ccc;padding:10px;font-size:14px}

li{margin:4px 0}

</style>

</head>

<body>

<div>

<h2 id="turn">轮到：白方（♔）</h2>

<div id="board"></div>

</div>

<div>

<h2>对局记录</h2>

<ul id="log"></ul>

</div>

<script>

// 棋子Unicode字符

const C = {wK:'♔',wQ:'♕',wR:'♖',wB:'♗',wN:'♘',wP:'♙',

bK:'♚',bQ:'♛',bR:'♜',bB:'♝',bN:'♞',bP:'♟'};

const CN = {K:'王',Q:'后',R:'车',B:'象',N:'马',P:'兵'};

let board = [

['bR','bN','bB','bQ','bK','bB','bN','bR'],

['bP','bP','bP','bP','bP','bP','bP','bP'],

[null,null,null,null,null,null,null,null],

[null,null,null,null,null,null,null,null],

[null,null,null,null,null,null,null,null],

[null,null,null,null,null,null,null,null],

['wP','wP','wP','wP','wP','wP','wP','wP'],

['wR','wN','wB','wQ','wK','wB','wN','wR']

];

let turn = 'w', s