Update index.html

This commit is contained in:
Voxel 2025-04-14 18:07:36 -04:00 committed by GitHub
parent 8431aeda71
commit 00b97cd784
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -2,77 +2,69 @@
<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>
<p id="balance">Balance: $1000</p>
</header>
<div class="game-selection">
<!-- 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>
<p>Place your bet on a horse and watch them race!</p>
<!-- Betting on horses -->
<p>Choose your horse:</p>
<label for="horse-selection">Choose your horse:</label>
<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>
<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>
<div id="race-result"></div>
<p id="race-result"></p>
</div>
<!-- Blackjack Game -->
<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>
<p id="blackjack-status"></p>
<button onclick="hit()">Hit</button>
<button onclick="stand()">Stand</button>
<p id="blackjack-cards"></p>
<div id="blackjack-result"></div>
<p id="blackjack-status"></p>
</div>
<!-- Slots Game -->
<div id="slots" class="game" style="display:none;">
<h2>Slots</h2>
<p>Spin, spin, spin!</p>
<button onclick="playSlots()">Spin</button>
<div id="slots-result"></div>
<p id="slots-result"></p>
</div>
<!-- Coin Flip Game -->
<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>
<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>
<div id="coin-flip-result"></div>
<p id="coin-flip-result"></p>
</div>
<footer>
<p>Inspired by github.com/Xameren/Casino</p>
</footer>
<script src="script.js"></script>
</body>
</html>