Тёмный

Quiz App JavaScript with Timer | Multiple Choice in HTML, CSS & JavaScript 

Ali Aslan
Подписаться 1 тыс.
Просмотров 16 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@cliffe_rocker
@cliffe_rocker Год назад
I just love his calm voice. Beautiful work. May Allah bless you
@aliaslan4802
@aliaslan4802 Год назад
Thank you :)
@hamzaShahid-x5i
@hamzaShahid-x5i 8 месяцев назад
Salaam, I am having some trouble getting the next button to work its the only issue I am facing, could I send you my script.js file for you to have a look?
@aliaslan4802
@aliaslan4802 7 месяцев назад
You can contact me by whatsapp (+93798872432)
@residanatoran3162
@residanatoran3162 Год назад
thanks for the video it's amazing
@aliaslan4802
@aliaslan4802 Год назад
Thank you
@chukwuemeka5757
@chukwuemeka5757 Год назад
Please how did you get ur 29 and 549 in the timeline.... Please i need a reply. Thanks
@VesrnTechnologies
@VesrnTechnologies 4 месяца назад
Sir how to add image to question?
@stellachinonso-ani9533
@stellachinonso-ani9533 9 месяцев назад
Nice work, well done, please how can you help with an issue
@g90b
@g90b Месяц назад
Hello sir, First of all, thank you for this amazing quiz! I have a few feature requests that I’d love to see implemented: 1. Could you make the quiz fully responsive for mobile devices? 2. I'd like the questions, as well as their options, to be shuffled. 3. On the result page, I would like a "Review Questions" button. When clicked, it should take me to the first question and display the option I selected and the correct one. 4. There should be a "Next" button and a "Finish" button : - The "Next" button should allow users to navigate to the next question. - A "Previous" button should appear when navigating, allowing users to go back to the previous question. - Clicking "Finish" should take the user back to the result section. Edit : I wanna request one more function that i see a transition left to right when i click next button
@aswathia3269
@aswathia3269 Год назад
Hi, Could you please tell me about this backend framework and where the answers will stored
@aswathia3269
@aswathia3269 Год назад
and how to connect end-to-end project example(A complete quiz application)
@nonnydube6430
@nonnydube6430 Год назад
Hi, the app was responsive until i moved into the js script. I realized that my HTML scripts are not to responsive, what could be the issue? i am using visual studio. am i missing a setting ? i'd really appreciate your response. And thanks for this amazing tutorial.
@pawanachar4504
@pawanachar4504 6 месяцев назад
Sir , your code is working fine but I need to add graph for the questions and time plz help me out
@beegeecajes9791
@beegeecajes9791 Год назад
If ever, I want to take the quiz again, how to randomize quesions ?
@mg_vegan
@mg_vegan Год назад
Thank you for the great video. What do you have to change so that you can mark multiple answers at the same time for a question? E.g. Question: Mark all ingredients of Coke: Water, sugar, metal, peas. Thanks for your effort.
@aliaslan4802
@aliaslan4802 Год назад
Your welcome, It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it. :)
@MasoodOfficial
@MasoodOfficial Год назад
This is a great little quiz app written in JavaScript, HTML and CSS. The app has a timer, so you can see how long it takes you to answer all the questions. There are multiple choice questions, so you can choose the answer you think is correct. The app is well coded and easy to understand. Amazing!
@mohamedkebaili8412
@mohamedkebaili8412 Год назад
Salam ali please how can i transform it to multiple choice quiz with many answers not only one ?
@aliaslan4802
@aliaslan4802 Год назад
It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it.
@fatawobassing367
@fatawobassing367 Год назад
Please I want it to be in such a way that if the time reach it shouldn’t select the answer it should move on to the next question How should I do it???
@aldonataldo4073
@aldonataldo4073 Год назад
hey bro thx for tutorial, i have some question, how to sending Result (score) to Email? u can explain to me, thx before
@aliaslan4802
@aliaslan4802 Год назад
Thank you ! You can do that with Node.js, there is a tutorial in my channel you can watch
@freshvlay1646
@freshvlay1646 Год назад
how can we make more than one answer right?
@aliaslan4802
@aliaslan4802 Год назад
It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it.
@Bitupur4023
@Bitupur4023 Год назад
How to add picture quizzes please
@kingkode8375
@kingkode8375 Год назад
How to add total time instead of individual question?
@residanatoran3162
@residanatoran3162 Год назад
plz bro how can we make more than one answer right ?
@aliaslan4802
@aliaslan4802 Год назад
It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it.
@lorenzocavallaro7277
@lorenzocavallaro7277 Год назад
@@aliaslan4802 bro not working
@stellachinonso-ani9533
@stellachinonso-ani9533 9 месяцев назад
How can i make the time to be global
@mauricioguevara8423
@mauricioguevara8423 Год назад
How can I convert seconds to minutes?
@aliaslan4802
@aliaslan4802 Год назад
Hey dear if you want to change seconds to minute please check inside timer() function and add this part of code: if(time > 60){ let addZero = timeCount.textContent; let minutes = Math.floor(time / 60); let extraSeconds = time % 60; timeCount.textContent = minutes + "min" + extraSeconds + "sec"; } after you have done that put the amount of time you want inside timeValue and startTimer(VALUE HERE);
@republicoftutorials6068
@republicoftutorials6068 Год назад
Cool
@bprodu1
@bprodu1 8 месяцев назад
Is this quiz open source? Anyone Can use it?
@aliaslan4802
@aliaslan4802 7 месяцев назад
Yes its
@stevephoneguy
@stevephoneguy Год назад
I seem to be having a problem with App. The continue button does nothing when clicked on. The Exit Quiz works but not the Continue. Not sure what i am missing.
@stevephoneguy
@stevephoneguy Год назад
ok so i notice some code i missed but now when continue button is clicked on. I seem to be getting the same box that the Exit button shows. Not sure if i have the Question.js link in the correct file. Currently bot JS files are in the HTML file.
@hjonlinetv1743
@hjonlinetv1743 5 месяцев назад
@@stevephoneguy may you help how to link the question and script file to HTML document sir
@romdaro5721
@romdaro5721 Год назад
i have issue pleasw help me
@aliaslan4802
@aliaslan4802 Год назад
Sure, How can i help you ?
@kartikbissoyi3372
@kartikbissoyi3372 Год назад
❤❤❤🙏🙏🙏🤠🤠
@and-learn
@and-learn Год назад
Your code mobile not friendly plz responsive make
@aliaslan4802
@aliaslan4802 Год назад
ok
Далее
Multiple Choice Quiz using HTML,CSS and JavaScript.
26:33
iPhone Flip станет ХИТОМ!
00:40
Просмотров 412 тыс.
Beginner JavaScript Project: Build a Quiz App
21:39
Просмотров 1,9 тыс.
Build this JS calculator in 15 minutes! 🖩
15:20
Просмотров 623 тыс.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
The Easiest Way to Build Websites
10:56
Просмотров 573 тыс.
I built 10 web apps... with 10 different languages
14:23
How to Create Entire Website with ChatGPT (No Coding)
15:15
Build A Quiz App With JavaScript
26:59
Просмотров 444 тыс.
Backend web development - a complete overview
12:58
Просмотров 1,8 млн
iPhone Flip станет ХИТОМ!
00:40
Просмотров 412 тыс.