https://github.com/samantha-ruth/code-quiz

A timed code quiz composed of multiple-choice questions. Created using Javascript, HTML5, and .css3.
https://github.com/samantha-ruth/code-quiz

css css3 html html-css-javascript html5 javascript

Last synced: about 2 months ago
JSON representation

A timed code quiz composed of multiple-choice questions. Created using Javascript, HTML5, and .css3.

• Host: GitHub
• URL: https://github.com/samantha-ruth/code-quiz
• Owner: Samantha-Ruth
• Created: 2022-05-08T18:06:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-10T05:23:05.000Z (over 1 year ago)
• Last Synced: 2024-04-16T08:49:23.445Z (9 months ago)
• Topics: css, css3, html, html-css-javascript, html5, javascript
• Language: JavaScript
• Homepage:
• Size: 380 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Code-Quiz

A timed quiz composed of multiple-choice questions about coding.

## Description

This project's goal was to create a multiple-choice quiz using javascript, specifically focusing on event-listeners and local storage.  The quiz is timed and should progress from one question to the next. Every time the use clicks on a wrong answer, the timer decreasing by 10 seconds. When the quiz ends (which is when either the user makes it to the end of the questions or the timer runs out), the user is given their score and the opportunity to enter their initials into a high-score list. This list should be saved in the local storage and accessible from a button on the website. 

![Screen Shot 2022-05-15 at 7 41 17 PM](https://user-images.githubusercontent.com/64170123/168510951-e420e1e9-7105-4bb2-95f5-eb0d67ac13d3.jpg)

![Screen Shot 2022-05-15 at 7 44 33 PM](https://user-images.githubusercontent.com/64170123/168510953-2f65b8df-51a1-4415-8b86-f1048219de4f.jpg)

![Screen Shot 2022-05-15 at 7 46 07 PM](https://user-images.githubusercontent.com/64170123/168510954-6962b976-35e2-49b3-a243-f384d9aa6567.jpg)

This project helped introduce me to javascript event selectors, creating dynamic elements with new attributes, storing and retrieving items from local storage, and continuing with html structuring and css styling.  This project combined a lot of different elements within it and I initially had troubles moving from one question to the next, as well as getting the timer to stop when the questions were finished.  I came back and improved the code once I learned more and felt more comfortable with Javascript.  

The link to the deployed project is here: https://samantha-ruth.github.io/Code-Quiz/

The url of the Git repository is here: https://github.com/Samantha-Ruth/Code-Quiz