javascript-quiz
Description
This app is a timed code quiz with multiple-choice questions. It runs in the browser and feature dynamically updated HTML and CSS powered by JavaScript code. It features a clean and polished user interface and is responsive, adapting to multiple screen sizes.
This app begins when the "start" button is clicked to play the JavaScript quiz game. The user has 60 seconds to complete the quiz. However, every question you get wrong will deduct 5 seconds from the time left. The game ends when the user finishes answering the questions or when the time is up, whichever happens first. The users score will be the time remaining. Their initials can entered at the end of the game to compete with others to see who will get the highest score.
App Outline
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
App Screenshot
Live Site Demo
https://mnilou.github.io/javascript-quiz/
Installation
To install the project you will need internet connection and either a desktop, laptop, or mobile device.
Usage
Used to complete a coding assessment, with a combination of multiple-choice questions and interactive challenges.
Credits
As references and learning tools, I used the following websites: https://www.w3schools.com/; https://developer.mozilla.org/en-US/; https://codebeautify.org/jsvalidate; https://www.codegrepper.com/code-examples/javascript/javascript+quiz+with+timer; https://stackoverflow.com/questions/; https://github.com; https://codepen.io/boopalan002/pen/yKZVGa; https://www.sitepoint.com/simple-javascript-quiz/;
I referenced these tutorials: https://www.youtube.com/watch?v=Kp3HGwlXwCk; https://www.youtube.com/watch?v=R6euByfGaN4; https://www.youtube.com/watch?v=9_9-NeU2L_U; https://www.youtube.com/watch?v=6BLReDBUZRk; https://www.youtube.com/watch?v=Nh4wxhzePIs;
I also received a lot of help from my tutor, Corey Yates!
License
No licensing