https://github.com/iotchulindrarai/quiz_application-
This project appears to be an online quiz application implemented using HTML, CSS, and JavaScript. It provides a user interface for a quiz game where users can answer multiple-choice questions and track their score. Build a Quiz App Using HTML, CSS & JavaScript' 2023 june 25.
https://github.com/iotchulindrarai/quiz_application-
html-css javsascript json
Last synced: 2 months ago
JSON representation
This project appears to be an online quiz application implemented using HTML, CSS, and JavaScript. It provides a user interface for a quiz game where users can answer multiple-choice questions and track their score. Build a Quiz App Using HTML, CSS & JavaScript' 2023 june 25.
- Host: GitHub
- URL: https://github.com/iotchulindrarai/quiz_application-
- Owner: IotchulindraRai
- Created: 2023-06-25T12:38:48.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-04T18:59:40.000Z (almost 3 years ago)
- Last Synced: 2025-04-05T09:26:20.983Z (over 1 year ago)
- Topics: html-css, javsascript, json
- Language: JavaScript
- Homepage:
- Size: 159 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quiz_Application-
This project appears to be an online quiz application implemented using HTML, CSS, and JavaScript. It provides a user interface for a quiz game
where users can answer multiple-choice questions and track their score. Let's go through the different components of the project: This project is develop by
Me chulindra when i was learning and attending webinar / Master class of Acciojob named as Masterclass on the topic
'Build a Quiz App Using HTML, CSS & JavaScript' 2023 june 25.
# Technologies Used
HTML5
CSS3
javascript
# Pages/module on this Complete
index.html - Home Page
style.css - CSS
script.js -Script
quizData.json -for data to be fetched as question
For Sponsor or Project Enquiry
Email -**chulindrarai123@gmail.com**
buy ❤️me Coffee 🍵 **8867303660@paytm**
# Follow Me on
LinkedIn -https://www.linkedin.com/in/chulindra-rai-a51308206?originalSubdomain=in
Instagram - https://www.instagram.com/am_your_cure013/
Facebook - https://www.facebook.com/people/Chulindra-Rai/100009878854952/
Twitter - https://twitter.com/chulindra
Github - https://github.com/IotchulindraRai/
# features:
The CSS code provided defines the styling for different elements of the quiz application. It sets the background, colors, font family, and sizes of various components.
It also includes styles for the progress bar, buttons, and timer.
JavaScript Logic:
The JavaScript code is responsible for handling the quiz functionality.
It manages the quiz state, tracks the user's score, handles user interactions, and updates the UI accordingly.
It contains event listeners for button clicks, calculates the progress of the quiz, handles correct and incorrect answers, and displays the final score.
It also includes a timer feature that updates the remaining time and ends the quiz when time runs out.