As someone who likes dogs, you may want to test your dog knowledge and get even more knowledgable! Here's how to play:
- The game objective is to select the breed name that corresponds to the dog in the photo.
- Click the "Start Game" button to play.
- The game randomly selects a dog photo to play and displays it on the gameboard.
- The game randomly selects possible breed name answers and displays them on the gameboard.
- Click the correct breed name.
- After selecting a breed name, the game will determine if you answered correctly.
- If you answered correctly, you score 100 points.
- This sequence repeats for four more rounds.
- The game ends after round five, and reports which breeds you answered correctly.
- You can play the game again by clicking the "Play again" button.
| Phase 1 | Phase 2 | Phase 3 | Phase 4 |
|---|---|---|---|
| Expand on MVP (v1) | Implement the Dog API | Add levels feature | Update scoring logic |
| DRY up/refactor code | Get parity w/ v1 using API | Assign questions difficulty | Assign more points to more difficult questions |
| Convert alerts to in-game modals and style | Add logic for additional question types (origin, demeanor, etc.) and style | Add difficulty logic and apply to rounds | Add high score logic and style |
These resources helped make Play Dog! a reality:
- https://stackoverflow.com/questions/4641752/css-how-to-style-a-selected-radio-buttons-label
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
- https://markheath.net/post/customize-radio-button-css
- https://stackoverflow.com/questions/16719277/checking-if-a-variable-exists-in-javascript/16719348
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat
- https://fonts.google.com/
- https://api.jquery.com/