<!DOCTYPE html>
<meta charset="utf-8" />
<html>
<head>
<script src="jquery-3.5.1.js"></script>
<script src="comm.js"></script>
</head>
<body>
<form id="loginform">
<label for="gameId">Game ID:</label>
<input id="gameId" type="text" /><br>
<label for="nick">Nickname:</label>
<input id="nick" type="text" /><br>
<input id="join" type="button" value="Join" />
<input id="create" type="button" value="Create Game" />
</form>
<form id="startingform" style="display:none">
<input id="ready" type="button" value="Ready" />
</form>
<form id="createform" style="display:none">
<input id="question" type="text" readonly="readonly" /><br>
<label for="letters">Create a word with the following letters</label>
<input id="letters" type="text" readonly="readonly" /><br>
<label for="word">Word:</label>
<input id="word" type="text" /><br>
<input id="submit" type="button" value="Submit Word" />
</form>
<div id="guessing" style="display:none">
You now have to guess!
<div id="guessingDynTable">
</div>
<form id="guessingform">
<div id="guessingDyn">
</div>
<input id="submitGuess" type="button" value="Submit Guess" />
</form>
</div>
<div id="results" style="display:none">
</div>
<div id="status">
</div>
</body>
</html>