battleShips/index.html at main · javamilesiii/battleShips · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS Battleships</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="game-info">
    <p>Turn: <span id="turn-display"></span></p>
    <p>Info: <span id="info"></span></p>
</div>

<div id="gamesboard-container"></div>

<div id="option-container">
    <div id="0" class="destroyer-preview destroyer" draggable="true"></div>
    <div id="1" class="submarine-preview submarine" draggable="true"></div>
    <div id="2" class="cruiser-preview cruiser" draggable="true"></div>
    <div id="3" class="battleship-preview battleship" draggable="true"></div>
    <div id="4" class="carrier-preview carrier" draggable="true"></div>
</div>

<div id="button-container">
    <button id="flip-button">FLIP</button>
    <button id="start-button">START</button>
</div>


<script src="app.js"></script>
</body>
</html>