285 lines
29 KiB
HTML
285 lines
29 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<title>海战 Battleship</title>
|
|
</head>
|
|
<body>
|
|
<h1>海战 Battleship</h1>
|
|
<div id="game">
|
|
<div class="row">
|
|
<table id="player1" class="gameboard">
|
|
<thead>
|
|
<tr>
|
|
<th>我方舰队 Your Fleet</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="0" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell ship11" data-player="0" data-status="0" data-y="1" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="1" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell ship12h" data-player="0" data-status="0" data-y="2" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="2" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="3" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="4" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="5" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="6" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="7" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="8" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="0" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="1" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="2" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="3" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="4" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="5" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="6" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="7" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="8" onclick="player_click(event)"></td>
|
|
<td class="cell" data-player="0" data-status="0" data-y="9" data-x="9" onclick="player_click(event)"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table id="player2" class="gameboard">
|
|
<thead>
|
|
<tr>
|
|
<th>敌方舰队 Enemy Fleet</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="0" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="1" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="2" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="3" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="4" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="5" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="6" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="7" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="8" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="0" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="1" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="2" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="3" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="4" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="5" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="6" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="7" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="8" onclick="enemy_click(event)"></td>
|
|
<td class="cell" data-player="1" data-status="0" data-y="9" data-x="9" onclick="enemy_click(event)"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="ships" class="row">
|
|
<div class="ship ship-carrier" id="carrier" data-size="5" onclick="ship_rotate(event)" title="航空母舰 Carrier"></div>
|
|
<div class="ship ship-battleship" id="battleship" data-size="4" onclick="ship_rotate(event)" title="战列舰 Battleship"></div>
|
|
<div class="ship ship-destroyer" id="destroyer" data-size="3" onclick="ship_rotate(event)" title="战列舰 Battleship"></div>
|
|
<div class="ship ship-submarine" id="submarine" data-size="3" onclick="ship_rotate(event)" title="潜艇 Submarine"></div>
|
|
<div class="ship ship-patrolboat" id="patrolboat" data-size="2" onclick="ship_rotate(event)" title="护卫舰 Patrol Boat"></span>
|
|
</div>
|
|
</div>
|
|
<script src="/socket.io/socket.io.min.js"></script>
|
|
<script src="battleship.js"></script>
|
|
</body>
|
|
</html>
|