I have created interactive code quiz challenge full stack application using HTML, CSS and Javascript. I have created cleaned, policed and responsive user interface. This code quiz challenge have 10 multiple choice questions of javascript languange. If you provide incorrect answer then it will decrease time and if correct, then score added to your bucket. At final, You will see total score of your question answers. Once, You added in list you can see in High score board. In High score board, It will show top 5 score you have.
- Usage
- Features
- Deployment Link
- Skill Improved
- Tools
- Technologies
You can see initial webpage below.
Live Application Demo
CodeQuiz_Application.mp4.webm
Dynamically create buttons for multiple choice option.
Added Score into localstorage and Retrive top 5 scores on High Score board.
Added alert message for invalid initial names.
Set javascript Timer functionality and decreased value if answer is incorrect.
Displayed correct/incorrect message based on your select answer.
Created input form for initial page.
Created responsive layout of application.
To View Code Quiz application, You can use below link.
https://vaishaliqa.github.io/WebAPIChallenge_CodeQuiz/
Event Listener
DOM Localstorage
Preventing Default
Using Timer Intervals
Generating dynamic html elmentes and set attributes
- Visual Studio Code
- Github
- Browser
- HTML
- CSS
- Javascript
- User Interface - WebAPI