Skip to content

mohithackz/rock-paper-scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Rock Paper Scissors 🎮

A simple, browser‑based Rock Paper Scissors game built using HTML, CSS, and JavaScript.

This project focuses on handling player input, generating random computer choices, implementing win‑logic, and updating UI elements like score boxes and results dynamically.


##🚀 Features

  • Three selectable options: Rock, Paper, Scissors
  • Random computer choice
  • Displays:
  • Your choice
  • Chitti’s (computer) choice
  • Win, lose, and tie detection
  • Live score tracking using square score boxes
  • Reset button to restart scores and selections
  • Clean and minimal UI styling
  • Beginner-friendly code structure

##🧠 What I Learned

While building this project, I strengthened my understanding of:

  • DOM manipulation
  • Event handling in JavaScript
  • Using arrays and random number logic
  • Conditional game logic
  • Updating UI elements dynamically
  • Managing simple game state
  • Structuring small frontend projects cleanly

##🛠️ Tech Stack

HTML CSS JavaScript


##▶️ How To Run Locally

  1. Clone the repository:
git clone https://github.com/mohithackz/rock-paper-scissors.git
  1. Open the project folder in VS Code or any editor
  2. Open index.html in your browser

Start playing 🎉


##📌 Future Improvements

Add sound effects Add animation effects for winning choices Best‑of‑5 or Best‑of‑10 game mode Mobile‑responsive layout


##👨‍💻 Author Mohit Yadav

About

A simple Rock Paper Scissors game built using HTML, CSS, and JavaScript. The player selects Rock, Paper, or Scissors while the computer chooses randomly. The game displays each choice, shows who wins, and updates score boxes for both players. Includes a reset button to restart anytime.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors