<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> |