A fun and interactive Rock, Paper, Scissors game built with HTML, CSS, JavaScript, and TailwindCSS.
This project demonstrates DOM manipulation, event handling, and basic game logic in a clean, responsive UI.
The player competes against the computer, and scores are updated dynamically as the game progresses.
- ๐จ Responsive design styled with TailwindCSS and custom CSS
- ๐น๏ธ Interactive buttons for Rock, Paper, and Scissors
- ๐ค Random computer choice each round
- ๐ Dynamic score tracking for player and computer
- โ Real-time results display with color indicators (green for win, red for lose)
- โก Lightweight and fast โ runs in any modern browser
You only need a modern web browser such as:
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
-
Clone the repository
git clone https://github.com/Davincii254/Rock-Pappers---Scissors
-
Navigate to the project directory
cd rock-paper-scissors -
Open the game Simply open the
index.htmlfile in your preferred browser:- Double-click
index.html, OR - Right-click โ Open with... โ select your browser
- Double-click
-
Click one of the three buttons:
- ๐ Rock
- โ Paper
- โ๏ธ Scissors
-
The computer will automatically make its move.
-
The result (win/lose/tie) will be displayed instantly:
- ๐ข YOU WIN! (green text)
- ๐ด YOU LOSE! (red text)
- โช IT'S A TIE!
-
Player and computer scores update in real-time.
.
โโโ index.html # Main HTML file (UI structure)
โโโ style.css # Custom CSS for additional styling
โโโ script.js # JavaScript game logic
โโโ README.md # Project documentation
- HTML5 โ Structure and layout
- CSS3 โ Custom styles
- TailwindCSS โ Utility-first CSS framework
- JavaScript (ES6) โ Game logic and interactivity
- ๐ Add sound effects for clicks and results
- ๐ Implement match rounds (best of 5 or 10)
- ๐ Add multiplayer or online play
- ๐ฑ Optimize further for mobile gameplay
Developed with โค๏ธ.
๐ Your GitHub Profile