Skip to content

Davincii254/Rock-Pappers---Scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 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
โ””โ”€โ”€ 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

Watchers

Forks

Releases

No releases published

Packages

No packages published