Slot Machine

A browser-based slot machine game. Players start with 1000 credits and spin to match three symbols to win.

How to Play

1. Enter a bet amount and click “Spin”
2. Three random symbols are displayed (coin, grapes, seven, cherries)
3. If all three symbols match, you win 2x your bet
4. If they don’t match, you lose your bet
5. Game ends when you run out of credits

Technologies

• HTML5
• CSS3 (Bootstrap 5 + custom styles)
• JavaScript (jQuery 3.6)

Getting Started

Open index.html in any modern web browser. No build step or server required.

Project Structure

index.html         - main game page
scripts/
  script.js        - game logic (spin, win/lose detection, balance management)
styles/
  style.css        - custom styling (dark theme, slot layout)
images/
  coin.png         - slot symbol
  cherries.png     - slot symbol
  seven.png        - slot symbol
  grapes.png       - slot symbol (defined but unused)

Game Logic

• onSpinClick() - validates bet, deducts credits, generates random symbols, checks for win
• allSame() - checks if all three symbols match
• resultMessage() - displays win/loss message
• updateMoney() - updates the credit display