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"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MilkNet | Casino</title> <title>MilkNet | Casino</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
</head> </head>
<body> <body>
<header> <h1>MilkNet Casino</h1>
<h1>MilkNet Casino</h1> <p>Feeling lucky?</p>
<p>Feeling lucky?</p> <p id="balance">Balance: $1000</p>
<p id="balance">Balance: $1000</p>
</header> <!-- Bet amount input -->
<label for="bet-amount">Bet Amount:</label>
<div class="game-selection"> <input type="number" id="bet-amount" value="100">
<!-- Navigation buttons -->
<div>
<button onclick="showGame('horse-racing')">Horse Racing</button> <button onclick="showGame('horse-racing')">Horse Racing</button>
<button onclick="showGame('blackjack')">Blackjack</button> <button onclick="showGame('blackjack')">Blackjack</button>
<button onclick="showGame('slots')">Slots</button> <button onclick="showGame('slots')">Slots</button>
<button onclick="showGame('coin-flip')">Coin Flip</button> <button onclick="showGame('coin-flip')">Coin Flip</button>
</div> </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> <!-- Horse Racing Game -->
<div id="race-result"></div> <div id="horse-racing" class="game" style="display:none;">
</div> <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;"> <div id="blackjack" class="game" style="display:none;">
<h2>Blackjack</h2> <h2>Blackjack</h2>
<p>Try to beat the dealer with a better hand!</p>
<button onclick="startBlackjack()">Start Game</button> <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> <p id="blackjack-cards"></p>
<div id="blackjack-result"></div> <p id="blackjack-status"></p>
</div> </div>
<div id="slots" class="game" style="display: none;"> <!-- Slots Game -->
<div id="slots" class="game" style="display:none;">
<h2>Slots</h2> <h2>Slots</h2>
<p>Spin, spin, spin!</p>
<button onclick="playSlots()">Spin</button> <button onclick="playSlots()">Spin</button>
<div id="slots-result"></div> <p id="slots-result"></p>
</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 --> <!-- Coin Flip Game -->
<p>Make your choice:</p> <div id="coin-flip" class="game" style="display:none;">
<select id="coin-choice"> <h2>Coin Flip</h2>
<option value="Heads">Heads</option> <label for="coin-choice">Choose:</label>
<option value="Tails">Tails</option> <select id="coin-choice">
</select> <option value="Heads">Heads</option>
<option value="Tails">Tails</option>
</select>
<button onclick="flipCoin()">Flip Coin</button>
<p id="coin-flip-result"></p>
</div>
<button onclick="flipCoin()">Flip Coin</button> <script src="script.js"></script>
<div id="coin-flip-result"></div>
</div>
<footer>
<p>Inspired by github.com/Xameren/Casino</p>
</footer>
</body> </body>
</html> </html>