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 and how to install and play the game
└── 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