From 715876ae45a1ecad6fb411b1886808866ceb87a7 Mon Sep 17 00:00:00 2001 From: Kristyn Bryan Date: Wed, 25 May 2016 18:07:16 -0400 Subject: [PATCH] readme file for memory homework --- unit_01/w02d04/homework/README_memory.md | 109 +++++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 unit_01/w02d04/homework/README_memory.md diff --git a/unit_01/w02d04/homework/README_memory.md b/unit_01/w02d04/homework/README_memory.md new file mode 100644 index 0000000..42fcd74 --- /dev/null +++ b/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**
+
+The commit message should read:
+"Commit 1: Created an array to hold my ten game tiles" +
+ +#### Functions + +- `start()` + - shuffle the tiles array + - then call makeAndDisplayTiles to build and display the gameboard + +**Commit 2**
+
+The commit message should read:
+"Commit 2: Created start() function" +
+ +- `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 `
` + - 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**
+
+The commit message should read:
+"Commit 3: Created makeAndDisplayTiles() function" +
+ +- `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**
+
+The commit message should read:
+"Commit 4: Created addEventsToTiles() function" +
+ +- `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**
+
+The commit message should read:
+"Commit 5: Created makePlay(tile)" +
+ +- `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**
+
+The commit message should read:
+"Commit 6: Created checkForMatch() function" +
+ +*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**
+
+The commit message should read:
+"Commit 7: Created checkForWin() function" +
+ +## START + +- add a click event to the start button, so that when it is clicked a new game is triggered. + +**Commit 8**
+
+The commit message should read:
+"Commit 8: Added a click event to the start button to start a new game" +