DA
DalaScript/spock-rock-game
ZTM JS Web Projects Course | Spock Rock Game | Project 13/20
Spock Rock Game | ZTM JS Web Projects Course
Project 13/20
๐ฎ Spock Rock Game is an extended version of the classic Rock-Paper-Scissors game โ inspired by The Big Bang Theory โ now featuring Lizard and Spock as additional choices. With smooth UI, real-time score tracking, and a celebratory confetti animation when you win, this project is built entirely with Vanilla JS and styled to work across devices.
๐ Table of Contents
๐ Overview
๐ธ Screenshot
๐ Links
๐ Features
- โ 5-choice gameplay: Rock, Paper, Scissors, Lizard, Spock
- โ Click-based controls with immediate visual feedback
- โ Real-time score updates for both player and computer
- โ Dynamic result messaging (win, lose, tie)
- โ Confetti animation when the player wins ๐
- โ Clean reset functionality to start over anytime
- โ Visual "selected" highlight for both player and computer choices
- โ Fully responsive and mobile-friendly layout
๐ ๏ธ Built with
- HTML5
- CSS3
- Vanilla JavaScript
- Confetti.js
๐ง My Process
๐๏ธ Useful resources
- Big Bang Theory Video Clip - RPSLS
- FontAwesome Icons
- Google Fonts
- Confetti JS
- W3Schools - Switch
- MDN - ES Modules
- JS Modules History Article
- JS Modules History Github
๐ Previous Project
- Form Validator | Project 12/20 โ View Repository
๐ Next Project
- NASA APOD | Project 14/20 โ View Repository
๐ค Author
๐ Connect with Me
๐ป Coding Profiles
๐ Thanks for checking out my project! More coming soon. Stay tuned ๐
