GithubHelp home page GithubHelp logo

preronam / codequiz Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 481 KB

Code Quiz is a convenient web application that is useful for testing a beginner's Javascript acumen. This application features a timed quiz focused exclusively on Javascript concepts.

JavaScript 44.03% HTML 31.90% CSS 24.07%

codequiz's Introduction

The following project is a Code Quiz, designed to test a beginner's understanding of Javascript Concepts. The rules of the Quiz are as follows:

  1. The user has 30 seconds to answer 4 questions
  2. For each correct answer, the user's score will increment by 10 points
  3. If the user is unable to respond to a single question, the test resets to the Homepage, giving the user the option to retake it
  4. At the end of the Quiz, the user has the option to save their highscore and username
  5. Only the top 10 user scores will be displayed for others to see

In order to develop this quiz, the following technology was used

  1. Javascript
  2. HTML
  3. CSS

The following provides an overview of the functionality of each file:

Game.js File:

  1. The questions were captured in a variable

  2. The timer was set to 30 seconds

  3. The startGame() was created which can: A. Generate questions in a random order from the given list; B. Recognize correct responses and increment the score accordingly;

    • Quiz Page

Highscores.js File:

The saveHighScores() was created which can:

  1. Save the top 10 scores to local storage in order
  2. Retrieve the top 10 scores from local storage in order
  • Score Page

End.js File:

  1. Maps the top 10 scores in order for users to see

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.