ROCK PAPER SCISSORS Logo
The classic Rock paper scissors game, now available in your favorite browser in a minimalist style! Can you beat the computer in a simple game of 5 rounds?
The objective of this project is to demonstrate the knowledge acquired in The Odin Project’s JavaScript Basics portfolio. In which, topics like Arrow Functions, DOM Manipulation, Events, and much more has been applied here. But also I'm demosntrating in this project some skills that I have learned outside of this course, such as UI and UX Design.
If you want to play this minigame, you can click the PLAY NOW button above or you can go to Environments at your right, click on github-pages and then click on View deployment.
Click the white buttons below the Player text to start playing! Each button has a label below it, describing the action of each one.
Once you have clicked on one of the buttons, the Computer will make its own selection and it will be displayed in its respective area
It is from this point that the classic rock paper scissors rules apply. The winner of the round will be awarded a point in their score. Whoever has the highest score in all 5 rounds is the winner of the game!
- Basic JavaScript
- Comments
- Variables and Constants
- Arrays
- Conditionals
- Loops
- Functions
- Anonymous Functions
- Arrow Function
- Default parameters
- Chrome DevTools
- Problem Solving
- Clean Code Standards
- DOM Manipulation
- DOM Methods
- NodeLists
- Events
- Script loading strategies
- Data attribute
- Basic CSS Animations and Transitions
The Odin Project's Assignment: Rock Paper Scissors.
More information: Click here