We see many quizzes online and maybe play them every day. They are a way to test and improve your skills.
Moreso, they allow you to engage your audience with something fun and playful.
In this quiz I used only three files, that is to say;
In index.html is where I structured the layout of the quiz app
Then I used materialize.min.css to get some of its components such as the card panel, and custom buttons. In general, it's responsible for the app design.
Finally in the app.js file is where I wrote the logic for the quiz to function. For example scrolling the user to the top after submitting the answers, animating the score of the user, clearing the form, and much more. (watch the project preview).
Github repo: Get The Source Code
Feel free to change whatever you want!
date_range Published :: 1 year ago At: 08:36 AM
event_note Detailed Date :: Sep 21st, 2020
person Writer :: Code
- RECENT POSTS
This simple country dropdown list is freely available for you to copy and use in your project forms.
Download YTS YIFY movies using this simple project I created using their API.
Here is a short project to display the use of APIs. I decided to work with an advice API because it seemed like a fun one that I haven't worked on before.
Have you ever been on youtube and admired a thumbnail of a video?
When I was inspecting some code on Facebook. I came across this interesting feature. A simple styled console warning message from Facebook to its dear users(products).
In this post I provide you with the source code for the youtube tutorial I made on how to create a Stacked image gallery Using HTML and CSS.
YOU MAY LIKE THESE POSTS