Code Quiz: A typical coding assessment is a combination of multiple-choice questions and interactive coding challenges.
The website can be found at the following address:
Quiz start page.
Quiz complete page.
Quiz sample question.
- Final score which is calculated using time remaining
- A Summary of how many questions answered correctly
- Input area to record initials
- A Submit button
- Submit buttom saves initials and score to local storage
This project was designed as a assignment for BCU coding bootcamp.
This project uses HTML, CSS, and Javascript. My application emphasizes the use of Javascript to provide quiz questions and collect user data to choose whether the Q&A's are correct, this then gives a score, and appends a results page of results from the user input data.
This project has been deployed to GitHub Pages. To get this project up and running, you can follow the deployment link. Or, download the sources files to use this as a template.
#Prerequisites I recommend Visual Studio Code To install this application, you will also need a text editor.
Installing Download the zip file, or use GitHub's guidelines to clone the repository to install this code
Summary HTML and CSS and Javascript documents create a quiz with multiple choice questions with Javascript trivia This project emphasizes the use of using Javascript to make changes to an HMTL document This project utilizes the use of appending HTML pages
Psuedo code: Create a timer attached to a button with a starting value of 0 When timer is pressed start a reverse countdown Start Quiz will be on appended page Append the question: choices When user selects the right answer, textcontent "Correct Answer!" When user selects the right answer, textcontent "Wrong Anwser!" Final score will keep track of how many the user got right Time left will be deducted from final score End Score Appended page local storage Travels to another HTML Retrieved Score result
Future_Improvements In the future, I'd like to add:
- More quizzes
- Randomize questions and choices.
- A check to make sure user's score is in top 10 before adding it to localStorage.
- More info in quiz-info-box, such as number of questions, and time alotted.