pages/assets/games/casino/index.html

71 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MilkNet | Casino</title>
<link id="favicon" rel="icon" href="/assets/img/milk.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>MilkNet Casino</h1>
<p>Feeling lucky? Inspired by github.com/Xameren/Casino</p>
<p id="balance">Balance: $1000</p>
<!-- Bet amount input -->
<label for="bet-amount">Bet Amount:</label>
<input type="number" id="bet-amount" value="100">
<!-- Navigation buttons -->
<div>
<button onclick="showGame('horse-racing')">Horse Racing</button>
<button onclick="showGame('blackjack')">Blackjack</button>
<button onclick="showGame('slots')">Slots</button>
<button onclick="showGame('coin-flip')">Coin Flip</button>
</div>
<!-- Horse Racing Game -->
<div id="horse-racing" class="game" style="display:none;">
<h2>Horse Racing</h2>
<label for="horse-selection">Choose your horse:</label>
<select id="horse-selection">
<option value="Horse 1">Horse 1</option>
<option value="Horse 2">Horse 2</option>
<option value="Horse 3">Horse 3</option>
<option value="Horse 4">Horse 4</option>
</select>
<button onclick="startHorseRacing()">Start Race</button>
<p id="race-result"></p>
</div>
<!-- Blackjack Game -->
<div id="blackjack" class="game" style="display:none;">
<h2>Blackjack</h2>
<button onclick="startBlackjack()">Start Game</button>
<button onclick="hit()">Hit</button>
<button onclick="stand()">Stand</button>
<p id="blackjack-cards"></p>
<p id="blackjack-status"></p>
</div>
<!-- Slots Game -->
<div id="slots" class="game" style="display:none;">
<h2>Slots</h2>
<button onclick="playSlots()">Spin</button>
<p id="slots-result"></p>
</div>
<!-- Coin Flip Game -->
<div id="coin-flip" class="game" style="display:none;">
<h2>Coin Flip</h2>
<label for="coin-choice">Choose:</label>
<select id="coin-choice">
<option value="Heads">Heads</option>
<option value="Tails">Tails</option>
</select>
<button onclick="flipCoin()">Flip Coin</button>
<p id="coin-flip-result"></p>
</div>
<script src="script.js"></script>
</body>
</html>