readme file for memory homework

unit_01/w02d04/homework/README_memory.md

@@ -0,0 +1,109 @@
+# Memory!
+
+Tonight you are going to build the game called: [Memory](https://en.wikipedia.org/wiki/Concentration_(game)). We have provided you with a few starter files. You will look at the `index.html` to set up your physical board and cards, but write the code in your `app.js` file to get your game to work.
+
+Take it one step at a time. Follow these instructions to help get you going.
+
+
+### You will need
+
+#### Data
+
+- an array of ten tiles
+	- your ten 'tiles' will represent the letter values that will be displayed on each DOM tile. eg. ['A', 'A', 'B', 'B', etc.]
+
+**Commit 1** <br>
+<hr>
+The commit message should read: <br>
+"Commit 1: Created an array to hold my ten game tiles"
+<hr>
+
+#### Functions
+
+- `start()`
+	- shuffle the tiles array
+	- then call makeAndDisplayTiles to build and display the gameboard
+
+**Commit 2** <br>
+<hr>
+The commit message should read: <br>
+"Commit 2: Created start() function"
+<hr>
+
+- `makeAndDisplayTiles()`
+	- this function should empty the container that will hold the gameboard tiles
+	- it should create 10 new game tiles
+	  - give them the class 'column'
+		- give them a 'data-value' attribute from each element of your tiles array. Ex: The output for an 'A' tile will look like ` <div class="column" data-value="A"></div> `
+		- add the game tiles to the board
+		- it should clear the text in the `info` div
+	- Lastly, it should then call a function that will add click events to each tile
+
+**Commit 3** <br>
+<hr>
+The commit message should read: <br>
+"Commit 3: Created makeAndDisplayTiles() function"
+<hr>
+
+- `addEventsToTiles()`
+	- it should add click events to each of the gameboard tiles
+	- Each click event should call the makePlay function passing it the tile that was clicked. Strong hint: the tile that was clicked is `this` tile . . . Can you pass `this` as a parameter to the makePlay function? Test it out.
+
+**Commit 4** <br>
+<hr>
+The commit message should read: <br>
+"Commit 4: Created addEventsToTiles() function"
+<hr>
+
+- `makePlay(tile)`
+	- this function should set the text of the current clicked tile to the value stored in the data attribute
+	- it should add a class of found to the tile
+	- it should add a class of clicked to the tile
+	- if the number of clicked tiles is 2, then it should check for a match
+
+**Commit 5** <br>
+<hr>
+The commit message should read: <br>
+"Commit 5: Created makePlay(tile)"
+<hr>
+
+- `checkForMatch()`
+	- this should retrieve the data-value of the two clicked tiles
+	- if they are a match
+		- the 'clicked' class should be removed from the tiles
+		- the click event should be turned off for those tiles
+		- should check for a win
+	- if no match is found
+		- the text of the clicked cards should be set back to empty
+		- the found and clicked classes should both be removed
+		- BONUS: use setTimeout to keep your cards showing for a hot
+		  moment.
+
+**Commit 6** <br>
+<hr>
+The commit message should read: <br>
+"Commit 6: Created checkForMatch() function"
+<hr>
+
+*After you have the preceding functions working:*
+- `checkForWin()`
+	- if the number of found tiles is 10
+		- add a winning message to the info div
+		- remove the found class
+		- add a won class
+
+**Commit 7** <br>
+<hr>
+The commit message should read: <br>
+"Commit 7: Created checkForWin() function"
+<hr>
+
+## START
+
+- add a click event to the start button, so that when it is clicked a new game is triggered.
+
+**Commit 8** <br>
+<hr>
+The commit message should read: <br>
+"Commit 8: Added a click event to the start button to start a new game"
+<hr>