Purpose of this project is to create a timed JavaScript quiz, where users may save their score to their local storage after completing the coding quiz challenge by entering their initials. All the saved scores can be viewed on the highscores pageRestarting the quiz will clear the stored scores.
Description
- The quiz is made up of 5 questions
- The user has 75 seconds to complete the quiz
- Everytime the user selects an answer:
- A message tells them if the answer was correct/incorrect
- If the answer was incorrect, 10 seconds is deducted from the timer
- The game ends once the timer hits 0 or the user answers all the questions
The following demonstrates the application functionality: Main JavaScript Concepts Used, Arrays Objects For loops Functions and callback functions User prompts Alerts Intervals Conditional statements DOM manipulation Local storage accessClasses, CSS Transitions, Breakpoints Event Listeners, setTimeout/ setInterval, Using Local Storage https://princeinoba.github.io/bootcamp-homework4/
As you proceed in your career as a web developer, you will probably be asked to complete a coding assessment, which is typically a combination of multiple-choice questions and interactive challenges. Build a timed code quiz with multiple-choice questions. This app will run in the browser and feature dynamically updated HTML and CSS powered by your JavaScript code. It will also feature a clean and polished user interface and be responsive, ensuring that it adapts to multiple screen sizes.
AS A coding bootcamp student
I WANT to take a timed quiz on JavaScript fundamentals that stores high scores
SO THAT I can gauge my progress compared to my peers
GIVEN I am taking a code quiz
WHEN I click the start button
THEN a timer starts and I am presented with a question
WHEN I answer a question
THEN I am presented with another question
WHEN I answer a question incorrectly
THEN time is subtracted from the clock
WHEN all questions are answered or the timer reaches 0
THEN the game is over
WHEN the game is over
THEN I can save my initials and score
The following animation demonstrates the application functionality:
You are required to submit the following for review:
-
The URL of the functional, deployed application.
-
The URL of the GitHub repository. Give the repository a unique name and include a README describing the project.
© 2019 Trilogy Education Services, a 2U, Inc. brand. All Rights Reserved.
© 2020 Trilogy Education Services, a 2U, Inc. brand. homework assignment. Carleton University Coding Bootcamp. All Rights Reserved.