Skip to content

A fun Rock Paper Scissors game built with HTML, CSS, and JavaScript. Play against the computer, track scores, and enjoy a simple responsive UI.

Notifications You must be signed in to change notification settings

BharathPadavu/rock-paper-scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Rock Paper Scissors

A fun and interactive Rock Paper Scissors game built with HTML, CSS, and JavaScript.
Challenge the computer, keep score, and enjoy a smooth responsive UI.


🌐 🚀 Live Demo

👉 Play Rock Paper Scissors Online


✨ 🎯 Features

  • 🤖 Computer opponent – computer makes random choices (Rock, Paper, or Scissors).
  • 🏆 Dynamic scoreboard – keeps track of both your score and the computer’s score.
  • 📢 Result messages – shows “You Win”, “You Lost”, or “Game Draw” with colors:
    • 🟩 Green = You Win
    • 🟦 Blue = You Lose
    • 🟨 Yellow = Draw
  • 🎨 Clean UI styling – circular buttons with hover effects and shadows.
  • 📱 Responsive design – works on desktop and adapts for mobile (down to 600px).

📋 🎮 How to Play

  1. Click on Rock, Paper, or Scissors.
  2. The computer randomly selects its choice.
  3. A message displays the winner or draw, color-coded for clarity.
  4. The scoreboard updates automatically.

⚠️ Limitations

  • 🧍 Single player only – can’t play with another human.
  • 🔄 No persistence – scores reset when refreshing the page.
  • 🎭 Minimal visuals – no animations, sound effects, or advanced themes.
  • 📏 Limited responsiveness – optimized only for screens ≥320px wide.

🛠 🧑‍💻 Tech Stack

HTML5 CSS3 JavaScript


📸 Screenshot (Preview)

Rock Paper Scissors Gameplay


⚡ 💻 Getting Started

🔹 Run Locally

  1. Clone the repository:
    git clone https://github.com/BharathPadavu/rock-paper-scissors.git