(update): New Quiz Application with JavaScript + Bootstrap ua-cam.com/video/bE4jSBtqQ-4/v-deo.html Download the code from here:) drive.google.com/file/d/1NDblYRWboGrHq106A2d5jUzfegeWZpon/view?usp=sharing
You couls do it using CSS. Give the first question *position: relative * and give the the *position: absolute* You would also have to add seperate buttons for each quesiton. You can chnage the z-index to chnage the orders of the question. Then one hte submit button for the first one is clicked you can use *classList.add('hide') * then add a class of hide in css and make it display none. Then do that for all of them. That way when you clikc hte first submit button it will disappear.
@@christopherfernandezclaret7 if u want to remove radio buttons, then you can hide those using css, and then make onclick "options" div to check radio It's kinda tricky!
Bro how to display different questions in different pages Single question in a page and we can use next button to go to next question in next page Any idea??
Hey your tutorials so good!!!Also i have a question i want to this nbut i cant can you help me i want to rresult be string and when you choose different options result changes So like ethis in first question if you choose first option it gonna add result a string please help me :c
Bro the company gaved me the task bro.Can you help me bro The task is:The Quiz section should consist of 10 questions that should be of type MCQ with 4 choices. (take few sample questions of your own) Once the user selects the choice, the choice must be highlighted. User can hop between choices any number of times. Don’t use input or radio input tags for MCQs. At the bottom of the webpage, place a submit button. On submission, highlight the correct answers and wrong answers. For wrong attempts, display the right answers, evaluate the score and display it. I hope you will help me! Thank you!!
(update): New Quiz Application with JavaScript + Bootstrap
ua-cam.com/video/bE4jSBtqQ-4/v-deo.html
Download the code from here:)
drive.google.com/file/d/1NDblYRWboGrHq106A2d5jUzfegeWZpon/view?usp=sharing
Bro
tanks a lot, i love you so much, my trouble, i do not speak inglish
cant we change score by 10???
Tq ❤❤❤❤❤
Tiniray ko to sa html ko , lumabas naman yung question and choices pero yung submit na no score output na po. 😢
Perfect project for beginners!
Bring more such projects.
Carried me man, thank you.
So simple and informative, thanks for sharing
I'm in class 8 i was really worried how to make an easy quiz using html javascript but this video really helped me
THANKYOU
Thanks for this 1st time using javascript .and its perpect to me to learn basic. Thank you again
Glad to hear that! Thanks :)
Great video.
thanks big job bravoo
Thanks a lot... For giving me confident to make quiz app👌just amazing👍
simple and perfect
Amazing, i needed to make a a small quiz and i dont know anything about javascript and this made it so easy!
😁👍
thanks you so much😊😊🙏
Such straightforward loved it .....
Thanks 4 comment! :)
Thank you bro
thank you so much for basics
this is very simple thanks 👌👌
YO BRO THIS TUTORIAL WAS JUST THE BEST AND I WON A FULL INDIA WIDE COMPETITION THANK YOU VEERY MUCH BEE CODER
Unique personality brother, without voice other such a great work 👌👌
Keep it up
🔥
great...i watched many videos but didnt understand anything..ur way of teaching is awesome...
thanks a lot
Thanks so much
thanks ❤
thank u, it's simple but helps me a lot
Thank you so much! It worked perfectly fine. 👍
Gazabb..
Thanks! :)
Thanks dude!
Thank u
Can You Make A Video in which when we submit the quiz its shows the question with correct and wrong answer also
Great video man big help
It worked perfectly for me thankyou so much for giving me the sauce🙏🙏
Really appreciate that😍
can you make a code to get the result and determine whether passed or failed?
How can you make that quiz with only on question, and the others coming after you have answered the first question?
You couls do it using CSS. Give the first question *position: relative * and give the the *position: absolute* You would also have to add seperate buttons for each quesiton. You can chnage the z-index to chnage the orders of the question. Then one hte submit button for the first one is clicked you can use *classList.add('hide') * then add a class of hide in css and make it display none. Then do that for all of them. That way when you clikc hte first submit button it will disappear.
thank you so much bro
thank you so much
Worked perfectly ! Thanks a lot!
I’m glad to hear,Welcome😁
@@BeeCoderGames 😉
Working ❤❤
THANKS MAN
But the submit button is not opening
Sick
great, this is something I can do haha
im using this for a project, how can i display the score without using alert (we have to create a self correcting quiz and not allowed to use alert)
What text editor do you use
Sublime
I can't see after submit button please reply!!!
inspite of score to be added by 1 cant it be doen by 10?
how to create next page bro. quiz with next page
You can display questions one by one
Maybe this recent video might help
ua-cam.com/video/bE4jSBtqQ-4/v-deo.html
@@BeeCoderGames how can i change the choices with letters like a b c?
@@christopherfernandezclaret7 if u want to remove radio buttons, then you can hide those using css, and then make onclick "options" div to check radio
It's kinda tricky!
Bro how to display different questions in different pages
Single question in a page and we can use next button to go to next question in next page
Any idea??
You can use CSS-
display: none; property to hide other question and on click next button
Set display: block;
Hi Bro! I did a new video regarding this. You can check that too :)
ua-cam.com/video/j9Elj5Sxfug/v-deo.html
@@BeeCoderGames thank u bro that is what I want
where should i type all this man
thanks now i can cheat proffessionaly
Uhh what is this software because im using visual studio code plz tell i will sub you
Sublime text editor! :)
@@BeeCoderGames Thanks Subscribed
@@BeeCoderGames I have an error im using 32-bit but it says it is only for 64-bit pls help me
@@notzzxn Thanks! :) You can use Vs code too, it's also cool works same
Hey your tutorials so good!!!Also i have a question i want to this nbut i cant can you help me i want to rresult be string and when you choose different options result changes So like ethis in first question if you choose first option it gonna add result a string please help me :c
:0 thx for the help i needed this
can some please post the copy and paste for this video.
Probably should've put the js into a separate file as people can just view the code to get the answers
You could configure as you wish, this was just for basic about how quiz works :)
Hey man can I send you my code for a quiz. My code deletes the rest of the questions when you answer one please help.
Alright! You can send me at beecoder260@proton.me
:)
Everything he did and I understood, I even reviewed what he would do, but I didn't remember the input radio type
Crack! 🔥
bro can you reply all the code in the comment because im trying its not working
Bhai Sare question ek jagah nahi NEXT button chahiye isme
Try watching from pinned comment
I didn't like it because if someone gives Ctrl U, the code with the answers will be visible.
Correct would be if no one could see the answers.
Yeah it's for beginners, to make it more secure you can use database and php :)
User can see the answers easily by viewing source code. This will not be make out as Quiz App.
That's only for the basic level to get quick idea how quiz can be made :)
Bro the company gaved me the task bro.Can you help me bro
The task is:The Quiz section should consist of 10 questions that should be of type
MCQ with 4 choices. (take few sample questions of your own)
Once the user selects the choice, the choice must be highlighted. User
can hop between choices any number of times.
Don’t use input or radio input tags for MCQs.
At the bottom of the webpage, place a submit button.
On submission, highlight the correct answers and wrong answers. For
wrong attempts, display the right answers, evaluate the score and
display it.
I hope you will help me! Thank you!!
Sounds complex🤔 but I'll try to do it, and let you know if it's done👍
@@BeeCoderGames Thank you so much bro!!!.