diff --git a/unit_01/w02d04/homework/memory_starter_modified/memory_starter/README.md b/unit_01/w02d04/homework/memory_starter_modified/memory_starter/README.md deleted file mode 100644 index 6e09bd0..0000000 --- a/unit_01/w02d04/homework/memory_starter_modified/memory_starter/README.md +++ /dev/null @@ -1,57 +0,0 @@ -# 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.] - -#### Functions - -- `start()` - - shuffle the tiles array - - then call makeAndDisplayTiles to build and display the gameboard -- `makeAndDisplayTiles()` - - this function should empty the container that will hold the gameboard tiles - - it should clear the text in the info div - - 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. The output for an 'A' tile will look like `
` - - add the game tiles to the board - - then call a function that will add click events to each tile -- `addEventsToTiles()` - - 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. -- `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 -- `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. -*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 - -## START - -- add a click event to the start button, so that when it is clicked a new game is triggered. - diff --git a/unit_01/w02d04/homework/memory_starter_modified/memory_starter/css/style.css b/unit_01/w02d04/homework/memory_starter_modified/memory_starter/css/style.css deleted file mode 100644 index a415548..0000000 --- a/unit_01/w02d04/homework/memory_starter_modified/memory_starter/css/style.css +++ /dev/null @@ -1,67 +0,0 @@ -@import url(http://fonts.googleapis.com/css?family=Londrina+Shadow); -@import url(http://fonts.googleapis.com/css?family=Mystery+Quest); - -body { - background: url(http://subtlepatterns.com/images/transp_bg.png); -} -#content { - margin: 0 auto; - width: 360px; -} - -#header { - margin-bottom: 20px; -} - -#title { - font-family: 'Londrina Shadow', cursive; - font-size: 100px; -} - -button { - margin-bottom: 20px; -} - -.row { - clear: both; -} - -.column { - border: 1px solid #595139; - float: left; - font-family: 'Londrina Shadow', cursive; - font-size: 50px; - height: 65px; - margin: 5px; - text-align: center; - vertical-align: middle; - width: 50px; - transition: background-color 2s; -} - -.column:hover { - background-color: #A6977B; -} - -/* when two cards match apply this class to them*/ -.found { - background-color: #595139; - color: #FFFFFF; -} - -#info { - font-family: 'Londrina Shadow', cursive; - font-size: 50px; -} - -/* apply to every card when the user wins */ -.won { - background-color: #F2F0CE; - border: 1px solid #83A603; - color: #83A603; -} - -#timer { - font-family: 'Mystery Quest', cursive; - font-size: 20px; -} \ No newline at end of file diff --git a/unit_01/w02d04/homework/memory_starter_modified/memory_starter/index.html b/unit_01/w02d04/homework/memory_starter_modified/memory_starter/index.html deleted file mode 100644 index 82773f5..0000000 --- a/unit_01/w02d04/homework/memory_starter_modified/memory_starter/index.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - -