| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <title>🐎 Online Poker</title> | |
| <link href="style.css" rel="stylesheet" /> | |
| <script defer src="script.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>🐎 Texas Hold’em Lobby</h1> | |
| <div id="lobby-setup" class="card"> | |
| <h2>Create Lobby</h2> | |
| <input id="maxPlayers" type="number" placeholder="Max players" value="4"/> | |
| <input id="startAmt" type="number" placeholder="Starting chips" value="1000"/> | |
| <input id="passkey" type="text" placeholder="Lobby passkey"/> | |
| <button id="btnCreate">Create</button> | |
| <hr/> | |
| <h2>Or Join Lobby</h2> | |
| <input id="joinLobbyId" type="text" placeholder="Lobby ID"/> | |
| <input id="joinName" type="text" placeholder="Your name"/> | |
| <input id="joinPass" type="text" placeholder="Passkey"/> | |
| <button id="btnJoin">Join</button> | |
| </div> | |
| <div id="game-area" class="hidden"> | |
| <h2>Lobby <span id="lobbyIdDisplay"></span></h2> | |
| <div id="players"></div> | |
| <div id="community"></div> | |
| <p>Pot: <span id="pot">0</span></p> | |
| <div id="actions"></div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |