This is a quiz application using HTML, CSS, and Javascript. This application emphasizes the use of Javascript to provide quiz questions and collect user data to determine whether the answers to a question are correct, this then generates a score and appends a final page of results from the user data.
Here are an example of what My page looks like.
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
I created a quiz app by adding style , scripts and html files. For this assignment, I used:
- Time interval functions to se the timer (setInterval and clearInterval)
- Sort function to sort score and ranking the highscore list
- Event function to check the answer is correct or wrong
- Event listeners to active the click events on a button
- Push the new score by adding local storage
- HTML
- CSS
- JavaScript
- Deployed URL Link: https://shivatagh.github.io/Homework-Challange-CodeQuiz/
- GitHub Repository Link: https://github.com/ShivaTagh/Homework-Challange-CodeQuiz.git