96 lines
No EOL
2.9 KiB
HTML
Executable file
96 lines
No EOL
2.9 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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">
|
|
<title>Battleship Game</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
|
|
<script src="battleship.js"></script>
|
|
</head>
|
|
<body class="gameContainer">
|
|
<div class="board">
|
|
<div id="messageArea"></div>
|
|
<table>
|
|
<tr>
|
|
<td id="00"></td>
|
|
<td id="01"></td>
|
|
<td id="02"></td>
|
|
<td id="03"></td>
|
|
<td id="04"></td>
|
|
<td id="05"></td>
|
|
<td id="06"></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="10"></td>
|
|
<td id="11"></td>
|
|
<td id="12"></td>
|
|
<td id="13"></td>
|
|
<td id="14"></td>
|
|
<td id="15"></td>
|
|
<td id="16"></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="20"></td>
|
|
<td id="21"></td>
|
|
<td id="22"></td>
|
|
<td id="23"></td>
|
|
<td id="24"></td>
|
|
<td id="25"></td>
|
|
<td id="26"></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="30"></td>
|
|
<td id="31"></td>
|
|
<td id="32"></td>
|
|
<td id="33"></td>
|
|
<td id="34"></td>
|
|
<td id="35"></td>
|
|
<td id="36"></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="40"></td>
|
|
<td id="41"></td>
|
|
<td id="42"></td>
|
|
<td id="43"></td>
|
|
<td id="44"></td>
|
|
<td id="45"></td>
|
|
<td id="46"></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="50"></td>
|
|
<td id="51"></td>
|
|
<td id="52"></td>
|
|
<td id="53"></td>
|
|
<td id="54"></td>
|
|
<td id="55"></td>
|
|
<td id="56"></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="60"></td>
|
|
<td id="61"></td>
|
|
<td id="62"></td>
|
|
<td id="63"></td>
|
|
<td id="64"></td>
|
|
<td id="65"></td>
|
|
<td id="66"></td>
|
|
</tr>
|
|
</table>
|
|
<form action="">
|
|
<input type="text" id="guessInput" placeholder="A0">
|
|
<input type="button" id="fireButton" value="FIRE">
|
|
</form>
|
|
|
|
<div class="howTo">
|
|
<p>
|
|
<a href="./HowToPlay.html">How to play</a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |