index.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <meta charset="utf-8" />
  3. <html>
  4. <head>
  5. <script src="jquery-3.5.1.js"></script>
  6. <script src="comm.js"></script>
  7. </head>
  8. <body>
  9. <form id="loginform">
  10. <label for="gameId">Game ID:</label>
  11. <input id="gameId" type="text" /><br>
  12. <label for="nick">Nickname:</label>
  13. <input id="nick" type="text" /><br>
  14. <input id="join" type="button" value="Join" />
  15. <input id="create" type="button" value="Create Game" />
  16. </form>
  17. <form id="startingform" style="display:none">
  18. <input id="ready" type="button" value="Ready" />
  19. </form>
  20. <form id="createform" style="display:none">
  21. <input id="question" type="text" readonly="readonly" /><br>
  22. <label for="letters">Create a word with the following letters</label>
  23. <input id="letters" type="text" readonly="readonly" /><br>
  24. <label for="word">Word:</label>
  25. <input id="word" type="text" /><br>
  26. <input id="submit" type="button" value="Submit Word" />
  27. </form>
  28. <div id="guessing" style="display:none">
  29. You now have to guess!
  30. <div id="guessingDynTable">
  31. </div>
  32. <form id="guessingform">
  33. <div id="guessingDyn">
  34. </div>
  35. <input id="submitGuess" type="button" value="Submit Guess" />
  36. </form>
  37. </div>
  38. <div id="results" style="display:none">
  39. </div>
  40. <div id="status">
  41. </div>
  42. </body>
  43. </html>