Welcome to the Stone Paper Scissor game repository! This beginner-friendly project is built using HTML, CSS, and JavaScript, and features theme toggle, animations, score tracking, and more—all running completely in the browser with no backend.
This game lets you play the classic Rock-Paper-Scissors against the computer. It's interactive, colorful, and a perfect project for those learning DOM manipulation and UI effects with JavaScript.
- 🤖 Play vs Computer with random choices
- 🌗 Light/Dark theme toggle
- 🧠 Score tracking for both user and system
- 💬 Dynamic result display with win/lose/draw messages
- ⚡ Smooth animations on interaction
- 🎯 Responsive design (works on desktop & mobile)
- 🧩 No sound/audio (simple visual feedback only)
Stone-Paper-Scissor/
│
├── index.html # 🔧 Main HTML file
├── style.css # 🎨 Theme, layout, animations
├── app.js # 🧠 Game logic & DOM handling
├── README.md # 📖 This documentation
├── output.pdf # 🖨️ Printable view of game screen/output
│
├── Assets/ # 🖼️ Game icons used (stone, paper, scissor)
│ ├── stone.png
│ ├── paper.png
│ └── scissor.png
│
├── images/ # 📸 Screenshots of the game (for preview)
│ ├── img1.jpg
│ └── img2.jpg
│
└── .github/
└── workflows/
└── deploy.yml # 🚀 GitHub Actions to deploy via GitHub Pages
Once deployed via GitHub Pages, access your game at:
https://<your-github-username>.github.io/<repository-name>/
🔗 Example:
https://abdul9010150809.github.io/Stone-paper-scissor/
-
Clone the Repository
git clone https://github.com/yourusername/Stone-Paper-Scissor.git cd Stone-Paper-Scissor -
Run the Game Just open
index.htmlin any modern browser or use Live Server in VSCode. -
Play
- Click on rock/paper/scissor icons.
- See the result, score, and try theme toggle.
Feel free to:
- Improve UI/UX
- Add new themes or animation styles
- Add audio or multiplayer support
Pull requests are welcome! 🎉
- HTML5
- CSS3
- Vanilla JavaScript
Got questions or feedback?
📧 Email: SHAIK.ABDULSAMMED@outlook.com
🔗 GitHub: @Abdul9010150809
Game on. Learn on. 🎮