This is a lesson from The Odin Project's Foundations Course to practice HTML/CSS and Javascript by implementing a Rock, Paper, Scissors online game.
For this project, a responsive and interactive layout was implemented using CSS animations and transitions for a more dynamic user experience (a media query is included to handle user's reduced motion preference).
The game logic is implemented in pure Javascript and the adversary's (the computer) move is randomly picked from a list of moves containing (by default) 10 times each option (10x Rock, 10x Paper, 10x Scissors). The options are randomly shuffled in the list, which is dynamically generated every time the game starts.
Click here to play. The game will start after you fill in your name.
The game is configured to end once any of the players score 5 points. After that you will be prompted if you wish to play again. If the answer is 'Yes', the scores are reset to 0 and a new game starts.
Your feedback is most important. Please feel free to report any issues you may find. Suggestions and ideas to improve the game are also most welcome!