Skip to content

This project is a fully-functional, interactive Blackjack (21) game built from the ground up using HTML5, CSS3, and pure Vanilla JavaScript. The primary focus was on solidifying core JavaScript fundamentals, including DOM manipulation, event handling, and complex game state management, while creating a polished and engaging user experience.

License

Notifications You must be signed in to change notification settings

Manubyebye/simple-black-Jack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Amazing Blackjack Game A modern, interactive Blackjack game built with HTML, CSS, and JavaScript featuring smooth animations, sound effects, and responsive design.

๐ŸŽฎ Features Complete Blackjack Rules: Standard casino-style Blackjack gameplay

Beautiful UI: Green felt table design with golden accents

Card Animations: Smooth card dealing and reveal animations

Sound Effects: Background music and game sound effects

Responsive Design: Works on desktop and mobile devices

Bank Management: Track your virtual money and bets

๐Ÿš€ How to Play Place Your Bet: Enter your bet amount (minimum $10)

Deal Cards: Click "Place Bet" to start the game

Make Decisions:

Hit: Take another card

Stand: Keep your current hand

Win Conditions:

Beat the dealer without going over 21

Blackjack (Ace + 10-value card) pays 2.5:1

Dealer busts if they go over 21

๐Ÿ“ Project Structure text blackjack-game/ โ”œโ”€โ”€ index.html # Main game interface โ”œโ”€โ”€ style.css # Styling and animations โ”œโ”€โ”€ index.js # Game logic and functionality โ””โ”€โ”€ sounds/ # Audio files directory โ”œโ”€โ”€ background-music.mp3 โ”œโ”€โ”€ card-deal.wav โ”œโ”€โ”€ chip-bet.wav โ”œโ”€โ”€ win.wav โ””โ”€โ”€ lose.wav ๐Ÿ› ๏ธ Installation Clone the repository:

bash git clone https://github.com/your-username/amazing-blackjack.git Navigate to the project directory:

bash cd amazing-blackjack Open index.html in your web browser or serve with a local server:

bash

Using Python

python -m http.server 8000

Using Node.js

npx http-server ๐ŸŽฏ Game Rules Start with $1000 in virtual money

Minimum bet: $10

Dealer must hit on 16 or below, stand on 17 or above

Blackjack pays 2.5 times your bet

Standard win pays 2 times your bet

Push (tie) returns your original bet

๐ŸŽจ Customization You can easily customize the game by modifying:

Colors: Change CSS variables in :root section

Sounds: Replace audio files in the sounds/ directory

Betting Limits: Modify min/max bet values in the JavaScript

Starting Bankroll: Change the initial bankroll value

๐ŸŽต Sound Effects The game includes:

Background music during gameplay

Card dealing sounds

Chip betting sounds

Win/lose celebration sounds

Note: Some browsers may require user interaction before playing audio

๐Ÿ› Known Issues Audio autoplay may be blocked in some browsers (requires user interaction)

Mobile touch controls could be improved

No double down or split functionality (can be added)

๐Ÿค Contributing Contributions are welcome! Feel free to:

Add new features (splitting, doubling down, insurance)

Improve animations

Enhance mobile responsiveness

Fix bugs

๐Ÿ“„ License This project is open source and available under the MIT License.

๐Ÿ‘จโ€๐Ÿ’ป Developer Created with โค๏ธ using vanilla HTML, CSS, and JavaScript.

Enjoy playing! Remember, this is for entertainment purposes only. Please gamble responsibly.

About

This project is a fully-functional, interactive Blackjack (21) game built from the ground up using HTML5, CSS3, and pure Vanilla JavaScript. The primary focus was on solidifying core JavaScript fundamentals, including DOM manipulation, event handling, and complex game state management, while creating a polished and engaging user experience.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published