pages/assets/games/casino/index.html
2025-04-14 17:46:37 -04:00

75 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MilkNet | Casino</title>
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1>MilkNet Casino</h1>
<p>Feeling lucky?</p>
</header>
<div class="game-selection">
<button onclick="showHorseRacing()">Horse Racing</button>
<button onclick="showBlackjack()">Blackjack</button>
<button onclick="showSlots()">Slots</button>
<button onclick="showCoinFlip()">Coin Flip</button>
</div>
<div id="horse-racing" class="game" style="display: none;">
<h2>Horse Racing</h2>
<p>Place your bet on a horse and watch them race!</p>
<!-- Betting on horses -->
<p>Choose your horse:</p>
<select id="horse-selection">
<option value="Horse 1">🐎 Juan</option>
<option value="Horse 2">🐎 Slow Blud</option>
<option value="Horse 3">🐎 Fast Blud</option>
<option value="Horse 4">🐎 Alice</option>
</select>
<button onclick="startHorseRacing()">Start Race</button>
<div id="race-result"></div>
</div>
<div id="blackjack" class="game" style="display: none;">
<h2>Blackjack</h2>
<p>Try to beat the dealer with a better hand!</p>
<button onclick="startBlackjack()">Start Game</button>
<div id="blackjack-result"></div>
</div>
<div id="slots" class="game" style="display: none;">
<h2>Slots</h2>
<p>Spin, spin, spin!</p>
<button onclick="startSlots()">Spin</button>
<div id="slots-result"></div>
</div>
<div id="coin-flip" class="game" style="display: none;">
<h2>Coin Flip</h2>
<p>Heads or Tails. It's simple. Not a big choice. Or is it?</p>
<!-- Player choice -->
<p>Make your choice:</p>
<select id="coin-choice">
<option value="Heads">Heads</option>
<option value="Tails">Tails</option>
</select>
<button onclick="flipCoin()">Flip Coin</button>
<div id="coin-flip-result"></div>
</div>
<footer>
<p>Inspired by github.com/Xameren/Casino</p>
</footer>
</body>
</html>