Code Nation Fellowship 2 Unit 2 Project - Jeopardy

Students will implement a Jeopardy game.

Below is the recommended order in which to complete the project.

Day 1 - Rendering

render_categories.js

1. Note the categories array at the top of the file. These are the category headers.
2. Follow the instructions in the file and write code where it reads // Add code here
3. The output should be:

render_questions.js

1. Note the numCategories and questionValues variables at the top of the file.
2. Follow the instructions in the file and write code where it reads // Add code here
3. The output should be:

Day 2 - Helper functions

click_handlers.js

1. Students and volunteers should take a minute to read the instructions.

   1. There is a lot of code in this file and students are asked to carefully append it.

2. Follow the instructions and write code where it reads // Add code here

3. If done correctly, the following should be true:

   1. Each question block is clickable
   2. On-click renders a popup like so:

   

   3. Clicking "Show Answer" will show the answer like so:

   4. Clicking "Close" will hide the modal and remove the question from the board like so:

   

Day 3 - Scoring

scoring.js

1. Follow the instructions in the file and write code where it reads // Add code here

2. If done correctly, the following should be true:

   1. On launching, there is a new "Current Score: 0" div at the bottom of the board like so:

   

   2. After clicking on a question, then clicking "Show Answer", the player is presented with an option to select "Correct" or "Wrong".

   

   3. If the player chooses "Correct", the score is updated to reflect the added amount.

   

   4. Ensure that choosing "Wrong" subtracts the amount instead.

Extra Credit

Timing module

The game of Jeopardy is usually played with time constraints.

During the first two rounds, a contestant has 5 seconds to respond to the question after ringing-in.

In our Jeopardy game, we don't have the ability to ring-in, so we're going to give the player 10 seconds to answer the question.

Here's how it should work:

1. When the question is displayed, start a 10 second timer.
2. When the time is up, automatically switch to the answer.