A fun and interactive Rock-Paper-Scissors web game built using HTML, CSS, and JavaScript. This project provides an engaging user experience with smooth animations, score tracking, and a rules modal — all packed in a visually rich UI.
- 🎲 Classic Gameplay — Choose between Rock, Paper, and Scissors.
- 🧠 Computer AI — The computer makes a random move each round.
- 🧾 Score Tracking — Player and Computer scores are stored in localStorage.
- 🎉 Victory Page — When the player wins, a celebratory screen with animated circles and a "Hurray!" message appears.
- 🔄 Next Round Button — Appears when the player wins a round, allowing the user to continue.
- 📜 Rules Modal — A "Rules" button on all pages opens a modal showing game rules.
- 💾 Persistent State — Scores remain intact across sessions via localStorage.
- HTML5
- CSS3
- JavaScript (Vanilla)
- LocalStorage
- Clone the repository
git clone (https://github.com/yourusername/JavaScript.git)
cd rock-paper-scissors
- Open index.html in your browser
No build tools needed. It's a pure frontend project.
- The game automatically updates the score based on wins/losses.
- The "Next" button only appears when the player wins a round.
- The "Rules" button is always accessible and opens a modal with a visual guide.
- The victory screen includes expanding and fading circles to emphasize celebration.
-
UI animations inspired by modern web games.
-
Icons and assets designed manually and/or taken from royalty-free sources.
(https://stone-paper-scissor-javascript.netlify.app/)
- Created by [Pooja Devaraj] – [poojapreethi2001@gmail.com]
- GitHub: PoojaDev74
This project is open-source and available under the MIT License.