Build A Quiz App With JavaScript | Quiz Website using HTML CSS & JavaScript

In this video, Build A Quiz App With JavaScript | Quiz Website using HTML CSS & JavaScript. Enjoy!
DEMO:
lucky-mermaid-de6531.netlify....
BE OUR SUPPORTER :
Support us on Patreon and get premium benefits i.e all source codes, and any kind of support.
/ opensourcecoding
FOLLOW US :
Follow us on social media to stay updated.
GitHub : github.com/opensource-coding
Facebook: / opensourcecoding
ABOUT MY CHANNEL :
Hi! we or OSC. On Our channel, you will find one of the best web development learning materials. We love sharing HTML, css, javascript, mern, mean, lamp, backend, frontend, and many more with you guys as I experience them myself.
Subscribe here to see more of my videos in your feed!
SUBSCRIBE HERE :
/ @opensourcecoding
Feel free to request video tutorials, and ask for explanation videos of your choice in the comment section.

[@inipenting236]

thank so much for the source code, i Will give subcribe and like

[@aprender_espanol]

Can you with react js the same to do with api, please?

[@ronaldpayawal1494]

how do you convert that in local database?

[@TechNo_Nepal949]

can you provide me source code

[@parvjain09]

Firstly I have to make account in that Opentb and then need to copy that url ..for api..
Or the same provided by you in code will work ??

[@opensourcecoding]

No there's no need of an account or api key.

[@dr4568]

Please make a separate video on how to import excel sheet database to this quiz app along with categories and subcategories
Also a performance tracker for the user

[@opensourcecoding]

Ok, I'll upload soon

[@nikeshk3950]

at the 20th min ,the questions are visible for you,but for me it shows 429 error. Can anyone help out??

[@ahmetsoner9106]

Emeğine sağlık ❤
Dostum bu quiz projesine bağış butonu nasıl ekleriz
Belki biraz gelir elde ederiz

[@user-zj8wc8gj1y]

How question are displayed

[@cuevarenalynvillanueva766]

hi! i have a problem in this
const progressBar = document.querySelector(".progress-bar"),
progressText = document.querySelector(".progress-text");
const progress = (value) => {
const percentage = (value / time) * 100;
progressBar.style.width = '${percentage}%';
progressText.innerHTML = '${value}';
};
let time = 30;
when i put this in the bottom progress(10);
its not working the bar in top is putting ${value} rater than number

[@opensourcecoding]

hi, you are using single quotes in Template literals '${percentage}%' and '${value}' replace quotes with (`) this symbol which is in front of number 1 under the escape button.

[@cuevarenalynvillanueva766]

@@opensourcecodingthank you!♥️

[@ahmetsoner9106]

​@@opensourcecoding
Emeğine sağlık, çok güzel olmuş
Bu projeye bağış butonu nasıl ekleriz, belki biraz gelir elde etmemize yardımcı olur

[@morrisandgamers6354]

How you use api in this code

[@opensourcecoding]

Watch here 18:36

[@edited_official]

Source code pls

[@magrur5266]

Thank you very much for your work. But if I'm not mistaken, you have a problem. "Score" is not working!

[@opensourcecoding]

Score it working fine for me

[@dannycruz8858]

Me too

[@mathisolga3311]

How do you insert the questions into the code?

[@imankhh]

did you find a way to do it?

[@scienceofphysics6973]

Server is not responding in my case. It's giving 404 error. What should i do now?

[@opensourcecoding]

its working fine, try using with vpn

[@scienceofphysics6973]

There is a bug in the code.
It shows wrong even when user selects correct answer. You need to fix it.
That's why you got 0 score everytime.

[@francisadekanye1537]

please try explaining💔

[@dannycruz8858]

Fr

[@jamps6434]

what if i don't want to use api? what do i do?

[@jamps6434]

please i need your explanation because this quiz game is our topic in our research😭😭😭

[@jamps6434]

or i just need to copy the url that you use in this video?

[@opensourcecoding]

If you want your own question then create an array of questions and answers and get questions from there

[@jamps6434]

@@opensourcecoding how?

[@imankhh]

@@jamps6434 did u find a way to do it?

[@user-qt4pe2tz2u]

The gradient doesn't work

[@opensourcecoding]

which gradient?

[@awfuleditor]

How can I change the question ❓

[@opensourcecoding]

You can add your own questions instead of usin api

[@jaexxiii]

@@opensourcecoding how can i add my own question? please responds!

[@opensourcecoding]

store questions and answers in an array and use that@@jaexxiii

[@marklloydtv4267]

@@opensourcecoding can you give as an example.

[@marklloydtv4267]

@@opensourcecoding or can u give as short video about it please, we just need this for our school project

[@LettaInMotion]

Hi…I’d like to where you stored the questions

[@opensourcecoding]

I have used an api for questions

[@LettaInMotion]

Okay How can make my own questions

[@soumavadas1400]

@@LettaInMotion Yeah , I am facing the same problem, I want to use a Database and preferred Django to store my own questions , but I am not understanding how to fetch then and use them in the website

[@LettaInMotion]

@@soumavadas1400 please tell me how you did it when u do

[@soumavadas1400]

@@LettaInMotion Yeah I did it , I was using django as Backend , so it provides an Admin Panel for free , so what I did was created a Database using Models in Django and Used the Admin panel to enter question, then wrote an API / function that got the data from Database and stored it in JSON format in an Url(localhost:8000/api) , then used fetch() function in JavaScript to fetch our JSON data from the url and parse it and then use it in my website. further we can select only 10 random questions from 1000 or more questions but need to write a code for generating random index and then fetching by index

[@bssgiridhar]

Bhai super but result send to Gmail link bhai