| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <title>Tic Tac Toe</title>
- <link rel="stylesheet" href="./font-awesome.min.css" />
- <link rel="stylesheet" href="./style.css" />
- </head>
- <body>
- <!-- partial:index.partial.html -->
- <div id="board">
- <ul id="spot-ul">
- <li id="s1" class="spot" data-x="0" data-y="0"></li>
- <li id="s2" class="spot" data-x="0" data-y="1"></li>
- <li id="s3" class="spot" data-x="0" data-y="2"></li>
- <li id="s4" class="spot" data-x="1" data-y="0"></li>
- <li id="s5" class="spot" data-x="1" data-y="1"></li>
- <li id="s6" class="spot" data-x="1" data-y="2"></li>
- <li id="s7" class="spot" data-x="2" data-y="0"></li>
- <li id="s8" class="spot" data-x="2" data-y="1"></li>
- <li id="s9" class="spot" data-x="2" data-y="2"></li>
- </ul>
- </div>
- <div id="display">
- <p id="state">State: Running</p>
- Do you want to be X or O?
- <small>You can only select this if the game isn't running</small>
- <ul id="selection">
- <li id="selection-x" class="selection selected">X</li>
- <li id="selection-o" class="selection">O</li>
- </ul>
- Restart game
- <div id="restart">Restart</div>
- </div>
- <!-- partial -->
- <script src="./jquery.min.js"></script>
- <script src="./script.js"></script>
- </body>
- </html>
|
