I created an application that allows the user to play the family version of rock, paper, scissors. You can choose from the children, the parents, the grandparents, the dog or the cat. The goal was to create DRY JavaScript, localStorage to persist data and event delegation. Understand the difference between the data model and how data is displayed in the dom.
If you want to see the code follow this guide, otherwise go to instructions for use.
- Fork this repository to your Github account
- Clone the repository to your local machine
cd
into the project- Open in your text editor
- Read this README thoroughly.
Starting on the opening the page, you can choose between classic and difficult options.
Here you can see the classic options.
After you select an option you will see your character appear under your choice. Then the screen will proceed to the options to allow you to play once again. If you wish to change difficulty you can now do so by pressing the change difficulty button on the left side.
Here are the options available to the difficult level. Also note here that wins track across the games.
- A clear localStorage button
- player choice of icon and name
- Atom
- Terminal
- Github
- Chrome
- Languages
- HTML
- CSS
- JavaScript
The first step and challenge was to understand what was wanted by the spec sheet. I knew I needed a game class constructor, a player class constructor and the main javascript files as well as a style sheet and index.html. After those basics I floundered a bit for how to proceed. I started to build out the general look of the page and connect basic buttons to different page views. Eventually I found a flow that took me to a nearly finished product a couple days before the project was due. Then there was the tokens... These were the biggest challenge for me after getting started. They work now so that is a win, but in order to get them to work within my understanding, some best practices such as naming conventions were broken to make things work. But it is functional.