Skip to content

Davincii254/Rock-Pappers---Scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Rock, Paper, Scissors 🎮✊✋✂️

About the Project

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.


Features

  • 🎨 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

Getting Started

Prerequisites

You only need a modern web browser such as:

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge

Setup Instructions

  1. Clone the repository

    git clone https://github.com/Davincii254/Rock-Pappers---Scissors
  2. Navigate to the project directory

    cd rock-paper-scissors
  3. Open the game Simply open the index.html file in your preferred browser:

    • Double-click index.html, OR
    • Right-click → Open with... → select your browser

How to Play

  1. Click one of the three buttons:

    • 👊 Rock
    • ✋ Paper
    • ✂️ Scissors
  2. The computer will automatically make its move.

  3. The result (win/lose/tie) will be displayed instantly:

    • 🟢 YOU WIN! (green text)
    • 🔴 YOU LOSE! (red text)
    • IT'S A TIE!
  4. Player and computer scores update in real-time.


Project Structure

.
├── 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

Built With

  • HTML5 – Structure and layout
  • CSS3 – Custom styles
  • TailwindCSS – Utility-first CSS framework
  • JavaScript (ES6) – Game logic and interactivity

Future Improvements

  • 🔊 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

👨‍💻 Author

Developed with ❤️.
🔗 Your GitHub Profile

About

A fun and interactive Rock, Paper, Scissors game built with HTML, CSS, JavaScript, and TailwindCSS.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors