Multiple Choice Quiz using HTML,CSS and JavaScript.

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ •

  • @gergemall
    @gergemall 2 роки тому +1

    Hello to you ! Hope I can get it . Thank you.

  • @antwangrant1639
    @antwangrant1639 3 роки тому +7

    I usually have a hard time following along with others code and often end up struggling through something that half works. This worked wonderfully and I was able to adjust my skills to what was explained. Thank you David!!

  • @inglescomsketch9948
    @inglescomsketch9948 3 роки тому +1

    Your are amazing.

  • @e.aldeen.a7492
    @e.aldeen.a7492 2 роки тому +1

    you are great>>> thank you so much 😊😊👍👍👍👍👍👍👍👍

  • @mycode2551
    @mycode2551 3 роки тому +4

    Hello from Uzbekistan. This is very useful video for beginners

  • @Anita-ej5xh
    @Anita-ej5xh 3 роки тому +6

    Thank you there aren't words to say how grateful I am. I have been looking for something like this for a while

  • @truefacts7369
    @truefacts7369 Рік тому

    It is awesome. Very helpful

  • @Alex-ws7rb
    @Alex-ws7rb 3 роки тому +3

    honestly the best video on yt regarding multiple choice quizes with HTML/Js.
    You´ve explained everything in an understandable manner

  • @tanvirulislam1022
    @tanvirulislam1022 Рік тому

    Thank u soo much for this tutorial

  • @balajibhure5080
    @balajibhure5080 3 роки тому +1

    Super very very thanks sir

  • @mohiniraut14
    @mohiniraut14 3 роки тому +1

    Thank you this is very helpful

  • @bestofthebest6349
    @bestofthebest6349 4 роки тому +1

    Amazing video... Subscribed

  • @zamizami2354
    @zamizami2354 3 роки тому

    Thank you sir ...I understand this creating quiz tutorial ....💞💞💞

  • @murugeshg2877
    @murugeshg2877 3 роки тому

    Work is great ..how to put in this quiz to my blog ..

  • @michaelkala264
    @michaelkala264 3 роки тому +1

    wonderful work!!!!

  • @mohsinrazakhan3892
    @mohsinrazakhan3892 3 роки тому

    Thanks sir

  • @polinaxpolarbear
    @polinaxpolarbear 4 роки тому +2

    I am 6 minutes into this video and already understand so much more than I did before. You're great at simplifying "why"s when it comes to understanding the reason behind certain functionalities of this project. Thank you!!

    • @codingdestination1067
      @codingdestination1067  4 роки тому +1

      Thank you so much for your feedback. Soon I will start making more tutorials and projects for you guys

    • @polinaxpolarbear
      @polinaxpolarbear 4 роки тому

      @@codingdestination1067 you're awesome!! :D Can't wait!

  • @natashasimone1931
    @natashasimone1931 4 роки тому +8

    Amazing,thank you so much. I'm a newbie I just started coding a month ago so this was so helpful. Would be great if you could make a video from this that shows more advance creating elements inside JS file! :-)

  • @Shashank_Deshpande
    @Shashank_Deshpande 4 роки тому +2

    Awesome bro! I loved your video. Thanks for the wonderful explanation.

  • @umarnaeem4256
    @umarnaeem4256 4 роки тому +2

    Amazing effort

  • @gabrielmiranda6447
    @gabrielmiranda6447 3 роки тому +1

    Thanks!!

  • @crystalcode4357
    @crystalcode4357 4 роки тому +2

    I don't have words to thank you you are the best

  • @meggy9221
    @meggy9221 3 роки тому +4

    Hi I'm a beginner of Programming. I learn a lot from your video. Sadly, I have tried making a file following you for 3 hours, but I still can't finish it. The most annoying part is that I can't get the sum of the 'c'. Whenever I type "result.textContent=${c}", I just get the page with a line "${c}", not the number. I don't know why it is not working. Please help me. 8-8

  • @FjjfBrk-sr5qi
    @FjjfBrk-sr5qi 3 місяці тому +1

    Hi teacher. I am arthur🎉🎉

  • @simonescariati5051
    @simonescariati5051 3 роки тому +2

    what site do you use to write HTML codes?

  • @Nousxgi
    @Nousxgi 3 роки тому +4

    bro luv you man, you saved my life with this video +1 sub

  • @yourdadis4067
    @yourdadis4067 4 роки тому +2

    Awesome

  • @Dineshkumar-gm9qk
    @Dineshkumar-gm9qk 4 роки тому

    very nice video... And Clear Explainasion..

  • @nonaabdelmagid9761
    @nonaabdelmagid9761 2 роки тому +1

    Thanks allot ,I need this code please

  • @dianamunyaradzi7796
    @dianamunyaradzi7796 3 роки тому

    Hi there, I just wanted out if you can suggest a method to check if all questions have been asked.

  • @mateuszratman3085
    @mateuszratman3085 4 роки тому +1

    Very good video thank you man

  • @autofast8835
    @autofast8835 3 роки тому +1

    Hello, thank you very much
    I learned this project from you and rewrote it from your film, I delivered it to the school as an exam, thank you very much, I hope you are satisfied with what I did

  • @fahadalsaeid4280
    @fahadalsaeid4280 3 роки тому

    new sub

  • @Thana1549h
    @Thana1549h 2 роки тому

    Wowww, your video is very useful for me. It made me understand all of this more. And so you're Chainese person very good at English. I hope I will learn many things from you. Love from a beginner from Thailand. Thank you so much. 💓 🙂🙂🙂

  • @knowledgecolony781
    @knowledgecolony781 4 роки тому +2

    Good job...

  • @jatinbothra5939
    @jatinbothra5939 2 роки тому

    Congrats david ur video is preffered by google to learn to make a mcq with html

  • @kaylinnaidoo8589
    @kaylinnaidoo8589 3 роки тому +2

    Do you know how we can like have each question answered and when you click on the button it should take you to the next question ? But the questions should be on only 1 page

  • @bowbookbike
    @bowbookbike 4 роки тому +1

    Great video

  • @riccardodinoi6461
    @riccardodinoi6461 3 роки тому +2

    sorry the ${c} doesn't work for me, what can i do?

  • @rohitsaha2218
    @rohitsaha2218 4 роки тому +1

    Bro u r jst excellent

  • @everyday0
    @everyday0 4 роки тому +2

    Hi. Well explained and complete. Do you have the complete script somewhere that we can download. Thanks. And yes, I love your accent.

  • @btissambtissam7192
    @btissambtissam7192 2 роки тому

    thank you so mush

  • @Troglodyte2021
    @Troglodyte2021 3 роки тому +2

    Do you have a way to loop through all those 'if's in JavaScript? It's unlikely you are going to write 100 vars, 100 ifs if there are 100 questions.

  • @taranginichollangi3569
    @taranginichollangi3569 4 роки тому +2

    Thank you soo much.... This video help me a lot 🤗

  • @ygstan4ever530
    @ygstan4ever530 Рік тому

    How about a CRUD method that accept questions, choices and correct answer?

  • @mohammedakram8610
    @mohammedakram8610 3 роки тому +2

    Great work buddy.
    How can we store the scores

  • @komuwosebastian1408
    @komuwosebastian1408 4 роки тому +2

    Hi David, I found your teaching simple and easy to learn. Can you make another video extending to this same video, by adding a running time to the quiz.

  • @karennelson919
    @karennelson919 3 роки тому

    Your video was very easy to follow to help me create a quiz. I also understood the logistics of why I added specific code and how it changed the outcome allowing me to expand upon your code. Thank you!

  • @tanmoyhowlader4291
    @tanmoyhowlader4291 3 роки тому

    Bro, Which application did you use to do this?

  • @AdityaJha02
    @AdityaJha02 4 роки тому +7

    India 🇮🇳

  • @fjpeace
    @fjpeace 3 роки тому

    Is this interactive activity can be posted on a website ? Please I need help

  • @khalilurrahman4316
    @khalilurrahman4316 2 роки тому

    thanks

  • @kanavgoel188
    @kanavgoel188 3 роки тому +1

    Can You Please send Code For it? It would be helpful...

  • @lauradelis
    @lauradelis 4 роки тому +2

    Hi David, thanks for this great tutorial, clear and simple. I have 2 questions. I would like to write a Personality test, therefore there are no exact answers, each question has a different score, at the end of the test depending on the score achieved you receive a press release. How can this be done? I would also like to divide the questions into different screens by putting a "NEXT" button to navigate, how can I do it? Thanks for the attention.

    • @codingdestination1067
      @codingdestination1067  4 роки тому +6

      Hi bro. In order to put each question into different screens, you have to put the elements of each page in a div and you can name those divs as screen1,2,3. Something like that. And you can also put some buttons and you should write the function in JavaScript. For example if the name of the div is screen1, if the user clicks the button, screen1 should be hidden and screen2 should be visible. The logic behind it is very simple

  • @ntikrasntikras2694
    @ntikrasntikras2694 4 роки тому +1

    Great Explanation! I wonder how the same tutorial would look with checkbox options?

  • @meghnathkamble6360
    @meghnathkamble6360 3 роки тому +1

    HI, what happens if the user clicks on the wrong answer ?

  • @tomameulike
    @tomameulike 4 роки тому

    Very interesting stuff

  • @ДурдонаИсомиддинова-с6к

    Hello l am Angela

  • @paisen4560
    @paisen4560 3 роки тому +1

    What software are you using?

  • @subhashkumar846
    @subhashkumar846 3 роки тому +1

    Can we change radio button into onclick button if answer is yes then how

  • @ViviTeclas
    @ViviTeclas 3 роки тому

    And if I wanted to make 10 pages, for each of them I would also have to have 10 Js files? Or is a single file enough for 10 or 20 pages? Thank you!

  • @franciscoboudagh4509
    @franciscoboudagh4509 4 роки тому +3

    Can you upload the files?

  • @sanjanajhurry6170
    @sanjanajhurry6170 3 роки тому +1

    hi
    i'm facing a problem
    i am getting 'check' is defined but never used in my js doc

  • @tanvirahmed552
    @tanvirahmed552 4 роки тому +1

    thanks,it was a very helpful video 😊❤

  • @ccxertzy
    @ccxertzy 3 роки тому +1

    david if i press launch i just get a white screen while i followed every step can you pls help me

    • @elicadoll2517
      @elicadoll2517 3 роки тому

      I had the same problem. Read your code code again, and see if your IDs are the same : in my hmtl, i wrote resultat, and i wrote result in my js, so it didn't work. If you cannot spot the error, open the console in your browser and see the error. Good luck.

    • @ccxertzy
      @ccxertzy 3 роки тому +1

      @@elicadoll2517 i fixed it but now if i press i am fone nothing happens idk what i should do

    • @elicadoll2517
      @elicadoll2517 3 роки тому

      @@ccxertzy Are your ids consitent ? What does the console in your browser says when you consult it when you press 'i am done' ? Did you write if (c

    • @ccxertzy
      @ccxertzy 3 роки тому +1

      yes i did

    • @ccxertzy
      @ccxertzy 3 роки тому +1

      but it is stil not working

  • @GeorgeXard
    @GeorgeXard 4 роки тому

    Great code!! how can i check if all radio button checked before "im done"??

  • @jaseelp2106
    @jaseelp2106 4 роки тому +1

    Hi david plees give coding for quiz with timer and negateeve marks .

  • @sweetsaltspicy2879
    @sweetsaltspicy2879 4 роки тому +2

    Hey coding i have tried the html and went smothly but i can get to connect to the JS. I did every thing right but its not connecting to it. Im new to coding so this is my first program.

    • @violatidoremi
      @violatidoremi 4 роки тому +1

      Did you connect your HTML document to the JavaScript document like he did in line 6 of the HTML? You need a tag with the name of the JavaScript file (quiz.js) inside.

  • @sweetsaltspicy2879
    @sweetsaltspicy2879 4 роки тому +1

    Hey coding destination I have a doubt can other people see the quiz.if not how to do that?

    • @codingdestination1067
      @codingdestination1067  4 роки тому

      Hii. I think I got your question. In order to make your quiz visible for everyone. You should have your own website and then you can put the quiz on your website

    • @sweetsaltspicy2879
      @sweetsaltspicy2879 4 роки тому

      Ok thank you I subed.

  • @أخباركروية-ظ4ص
    @أخباركروية-ظ4ص 4 роки тому +1

    thank you

  • @vigorous24
    @vigorous24 3 роки тому +1

    Bro how can i find answer in school exam site help please 🙏🏻

  • @azzazz03
    @azzazz03 3 роки тому

    I try it to blogger but the code can't show the result of the correct answer please help me

  • @arielalarcon776
    @arielalarcon776 3 роки тому

    Gracias

  • @chiya0408
    @chiya0408 3 роки тому

    Can we link a link in that javascript for the answer sheet?

  • @shine4life001
    @shine4life001 3 роки тому

    Thank you, Sir David. I followed your teaching steps and it's so helpful. But I have a question pls. Anytime I press the submit button this is what I got "" Your result is ${c}. It is not so good please try to work on yourself."" I tried all I could but it doesn't work. Pls help me. Thank you💞👍🙏

  • @Sandy_bro27
    @Sandy_bro27 3 роки тому

    Are right answers will not visible on clicking on view page source?

  • @ashhadhussain7962
    @ashhadhussain7962 4 роки тому +1

    Thank you so much for this video, it helped me out alot. I love your accent btw!

    • @codingdestination1067
      @codingdestination1067  4 роки тому +1

      You are most welcome bro. I'm very happy to hear that. I will continue doing my UA-cam channel soon. Stay tuned😊😊🙏🙏

  • @ramosss1925
    @ramosss1925 4 роки тому

    Hey. I´m doing a project for school and needed to do a quiz, so i´m doing just like yours but with diferent questions and diferent answers. Once finished the minute 25:15 part, it reads the simbols "${c}" and not the actual result, but gives the correct answer, i got 2 points and it said " Your result was ${c}. It's not a good result, please try again to get a better result" and then i got the 5 points and it said "Your result was ${c}. Good work, that´s such a good result!" How can i do to make it giving me the actual result number?

  • @jianpaologuico788
    @jianpaologuico788 3 роки тому +1

    Hey, thank you so much for the tutorial but I just wanna ask, why is the ${c} is not working on my code. It is not showing the score but it is literally showing ${c}

    • @carinagrama9536
      @carinagrama9536 3 роки тому +2

      You should write (c) instead of '${c}', and do not quote it, write just (c)

    • @MrLAli-ro5ir
      @MrLAli-ro5ir 3 роки тому

      @@carinagrama9536 THANK YOU

    • @piercyyyyy
      @piercyyyyy Місяць тому

      @@carinagrama9536 BRO I LOVE YOUUUUU

  • @sahabudeenansari1569
    @sahabudeenansari1569 3 роки тому

    Are you from China? I am from india

  • @muhammadamirbalouch3137
    @muhammadamirbalouch3137 3 роки тому

    Hi, i hope you will be fine david.
    I am not able to see properly in the javascript function after var c
    And var q due to blur screen.
    So i request to you please tell mn
    Var c_;
    Var q1_document.quiz.question1.value

  • @mayank9447
    @mayank9447 4 роки тому +1

    Hey i was writing the function in quiz.js and i was getting whatever i wrote each and every thing why

  • @lauradelis
    @lauradelis 4 роки тому

    非常感谢 David

  • @rishavsharma4513
    @rishavsharma4513 3 роки тому

    Hi Owner If It Is Possible Can You Provide The codes aor the projrct link

  • @slasher1016
    @slasher1016 3 роки тому

    I think there is an error The var q1==doc command does not work for me. all the numbers after the result are the same for me

  • @sonjanthomas
    @sonjanthomas 3 роки тому +1

    MY I'M DONE BUTTON ISN'T WORKING!!!!

  • @simonescariati5051
    @simonescariati5051 3 роки тому

    how do i put my quiz questions across multiple pages?

  • @AmitSingh-sf5qp
    @AmitSingh-sf5qp 3 роки тому +1

    Hey provide html code text please

  • @facucastillo2595
    @facucastillo2595 4 роки тому +2

    link code??????????????????????????????

  • @MrLAli-ro5ir
    @MrLAli-ro5ir 3 роки тому

    Hi Can anyone Help with my issue, I've made it to the end but I have multiple answer comments and I'll need multiple if statements so instead i tried to use Switch statement but its not showing the results now. Can Anyone help?

  • @Commentify69
    @Commentify69 4 роки тому +1

    Hi coding,
    Can you help me it doesn´t work so well if you want comment to me so i can send the code to you

  • @malakmohab3731
    @malakmohab3731 4 роки тому +4

    for now i can know the answer of my online tests hahahah

    • @codingdestination1067
      @codingdestination1067  4 роки тому +1

      😃😃😃

    • @AdityaJha02
      @AdityaJha02 3 роки тому +1

      @@codingdestination1067 what do u think about India?

    • @codingdestination1067
      @codingdestination1067  3 роки тому

      @@AdityaJha02 I know that world's most IT experts come from India

    • @codingdestination1067
      @codingdestination1067  3 роки тому

      @@AdityaJha02 and I do respect and admire your country

    • @AdityaJha02
      @AdityaJha02 3 роки тому +1

      @@codingdestination1067 thanks bro . We also respect all the market leading technology companies from China . Love from India 💓

  • @sumantkumar7227
    @sumantkumar7227 3 роки тому

    Thanky sir i have done same process and it successful but i take checkbox for multiple answer then its not work how to change ang where change code sir or anybody help me

  • @taha._.5639
    @taha._.5639 4 роки тому +2

    Html Wont link to JavaScript please help dude

  • @fahadalsaeid4280
    @fahadalsaeid4280 3 роки тому

    I need help the functions won't work

  • @allinone1033
    @allinone1033 3 роки тому +1

    Can u send source code

  • @deepakc4257
    @deepakc4257 4 роки тому

    Hey u r just awesome...I ve excuted the code, it shows osm output ,but I couldn't add more than 10 if condition s, if I've exceeds 10+ if , it couldn't show the output

  • @DominicDut
    @DominicDut 4 роки тому

    Hi Coding Destination, I tried to run my code and I kept on getting ${c}. what is that?

    • @reese457
      @reese457 4 роки тому +1

      I was getting that too did u find out what was causing that

    • @DominicDut
      @DominicDut 4 роки тому

      @@reese457 he hasn't responded yet. I still couldn't figure it out.

  • @anggafestiyan5598
    @anggafestiyan5598 3 роки тому

    anybody knows how to write code more than 1 rows?, for example edited 4 rows with same text

  • @mayur_h_rathod
    @mayur_h_rathod 3 роки тому

    Thank You bro
    But in my pc it is not showing score
    Can you help me