Giter VIP home page Giter VIP logo

flw2_unit2_jeopardy's Introduction

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_categories.js

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:

render_questions

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:

    onclick

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

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

    closed

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:

    current_score

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

    correct_or_wrong

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

    correct

    1. 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.

flw2_unit2_jeopardy's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.