index.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Tic Tac Toe</title>
  6. <link rel="stylesheet" href="./font-awesome.min.css" />
  7. <link rel="stylesheet" href="./style.css" />
  8. </head>
  9. <body>
  10. <!-- partial:index.partial.html -->
  11. <div id="board">
  12. <ul id="spot-ul">
  13. <li id="s1" class="spot" data-x="0" data-y="0"></li>
  14. <li id="s2" class="spot" data-x="0" data-y="1"></li>
  15. <li id="s3" class="spot" data-x="0" data-y="2"></li>
  16. <li id="s4" class="spot" data-x="1" data-y="0"></li>
  17. <li id="s5" class="spot" data-x="1" data-y="1"></li>
  18. <li id="s6" class="spot" data-x="1" data-y="2"></li>
  19. <li id="s7" class="spot" data-x="2" data-y="0"></li>
  20. <li id="s8" class="spot" data-x="2" data-y="1"></li>
  21. <li id="s9" class="spot" data-x="2" data-y="2"></li>
  22. </ul>
  23. </div>
  24. <div id="display">
  25. <p id="state">State: Running</p>
  26. Do you want to be X or O?
  27. <small>You can only select this if the game isn't running</small>
  28. <ul id="selection">
  29. <li id="selection-x" class="selection selected">X</li>
  30. <li id="selection-o" class="selection">O</li>
  31. </ul>
  32. Restart game
  33. <div id="restart">Restart</div>
  34. </div>
  35. <!-- partial -->
  36. <script src="./jquery.min.js"></script>
  37. <script src="./script.js"></script>
  38. </body>
  39. </html>