Exam Application Programming Tutorial JavaScript Quiz Online Test

[@jimbagsh9569]

Thanks a million Adam. So clear. Was able to take your code and really go to town with it. Created a version that gives the questions at random and even the choices are random (instead of doing that myself for each question - the only caveat is that no two answers can be alike). I even set it up so you could use any combination of text, images or audio, ie text question with image answers. Couldn't have done it without your video. So, a big thank you.

[@gubbedelux]

You are the best to explain code on the internet. Your video says more than 10 books in the same subject. Thanks for your work.

[@thecyrilcril]

I love this tutorial. will love to see a volume 2 or continuation of this tutorial, that features timed exam duration, auto submission on time elapse and unaltered clock count even on page reload

[@newsmix8659]

simplified explanation of an otherwise complicated process! congratulations are in order, sir.

[@adrianmbugua8344]

wow super ! so practical . yours was the only tuts I got explaining multidimensional arrays without it looking like rocket science! Thanks man !

[@MrSociopatu]

This is one of the best method of coding out there I could find to make this kind of project. Is so oldschool and simple, thanks alot for this! I hope you will make more JS projects in the future.

[@thepixieblaze8449]

you made it so simple and easy to understand !!!!!!!!!!!!!!!!!!!!!!!!! :) :) i am new at coding , and working on something similar and having tough time on it ......... your code is so clean , and super understandable for beginners , thnx a ton !!!! :)

[@adrianmobley6805]

I love this tutorial. I've learned a lot of good stuff and new techniques. I hope to find more tutorials just like this, that explain how to make an exam web application. I would especially like a tutorial that goes into greater detail on how to hide the answers to an exam question. That sounds fascinating to me.

[@formsmama5584]

After weeks and weeks of looking at different video, I have to say you are the best. Thanks for sharing the videos.

[@General_Aladeen]

Thank You Adam. You make things so easy. I am going to modify this with MYSQL PHP and Ajax without a framework.

[@FnooneXnoname]

yes! Share Full Stop

[@wasswassim7483]

could you please show me how did you make this work with ajax, anything helpful is appreciated :) .My email is [e-mail]

[@jyothsnaakyana565]

Please send your developed programme

[@Ammu.gaming529]

Thanks a lot for posting such an interesting video for making quiz

[@YannisStarwalker]

Very interesting indeed. Thank you, sir!!! Wouldn't it be more dynamic and easier for the programmer to handle if the correct answer was the (lets say) first of the given options, then use that "magic" shuffle function you showed us on an earlier video (memory game tutorial), to shuffle the options before rendering into the test div? It could also allow the programmer to have several given options on each question and just run a for loop for gathering all options off each sub array (after excluding the first element which the question of course). The radio buttons would be given an id containing the specific index of the option, which would be passed to the checkAnswer() function along with the index of the subarray (index of the specific question). The function would compare the chosen option's index with the first given option of the original array (before they were shuffled). It might require a lil more coding in the first place but it would make forming the multidimensional array (which can be modified several times) a lot easier. Just my 10cents thought.

[@GISNEMA]

I love the way you explain coding. Will check out the previous video to have a better understanding. Looking for a way to create a quiz for an app. I am not a coder but I guess by the time I am through with your tutorials I will be lol

[@destofesky]

thanks Adam , actually i'm looking for form with multiple choice choices , for tour so , my customers can choice the city, the tour , how many days , which day they will arrive and ... atc , it's so helpful what you are doing here , really appropriate thanks again

[@quraisahhamid7494]

thanks for the tutorial @adam khoury it help me out to refreshing my knowledge php language.

[@adamhussein496]

Great video. If I were to add the questions I got wrong on the last page, what would I be looking to add in the code?

[@AlmutasimAlmazidi]

Thank you for excellent explanation Do you have any further method to save questions into database and re-use it instead of hard coding??

[@taibouniwebsolution9811]

You're a great teacher sir

[@gman3841]

Adam i have made exactly what you have made, but is not working for me, i don't know nothing about programming, just needed to make a quiz test, maybe you have made something not shown on the tutorial?

[@princechuks7149]

BOOM!!!!! This is the bomb!

[@haili903]

thanks for this great and easy-to-follow tutorial. You are a incredible teacher!!! please keep uploading more of these

[@gobindapaul8177]

It's fantastic. U hv save my lot of time. Thanks bro

[@dburnham1941]

I hope others could use this for similar programs they are working on.

[@LearnerCB246]

Sir,my quiz follows your example. great learning tool. I have a 20 question quiz and for some reason it is not reading one of the questions. Also I was trying to add a certificate at the end of the quiz. more work, because now I need to create a input screen and track name and what else.What I really need more info on was the AJAX or MySQL option..

[@gerardotopete9711]

I want to learn how to external source XML file for the questions and answers part. Can you tell how can I find a good tutorial to learn just that about XML?. Also I wonder why you decided to use an eventlistener instead of putting the onload event to the body tag.

[@SamMalcolmMedia]

Hi Adam, i want to make a similar quiz however with a large number of question and have it randomly pick say 10 from the set and feed them out. Can you comment on ammending this code to have a random question picker or link to another appropriate tutorial which could help? Thanks!

[@AdamKhoury]

[@feeltherainthatsoothesyou]

amazing. I need this kind of application for our system.

[@feeltherainthatsoothesyou]

Thanks a lot sir

[@AnandupadhyayJavaexp]

Adam if we want to give the random questions to individual student .....then how we do that??? pls tell.....

[@General_Aladeen]

Anand upadhyay watch his tutorial in memory game programming.

[@AmitChawhanamitc005]

Anand upadhyay I have also made that quiz question modules. I've used Random numbers and xml combination made a code such that it can get random XML file in which contain different questions !!!!!

[@sachinrathore4460]

Super....Nice..api... Thanks for Mack video.

[@MichaelAbebreseAgyeman]

100% Grade: "You got " + parseFloat((correct * 100) / questions.length).toFixed(2) + "% out of " + ((questions.length * 100) / questions.length) + "% questions correct";

[@mahtabdaneshnia6573]

This is so informative, thank you. I `m going to make this online quiz in jquery, could you help with that please?

[@maths4allbysrinivas]

Which questions are correct we don't know from this test?It might better view questions after completion of test?

[@vogelpfeife]

Hi Adam. I was wondering if you would be extending this tutorial which would give a correct answer or false answer after each question?

[@vogelpfeife]

Is this done with an if statement?

[@paultiffin9840]

Hi Adam, can you advise on how to make this a random question selection without repeats? Trying to create a simple revision quiz for myself for one of my uni subjects and would prefer not to start each time with the same questions in the same order.

[@akshatakasar1997]

Too much helpful code thank you so muchhhh....keep posting more videos....thank youuu sooo muchhhh

[@vernielariosa9838]

Good job sir

[@PasqualItizzz]

Initial I thought this was a test about javascript, which I thought would be a better start to the day than "what Frozen character are you?" or whatever's on facebook today ;)

[@No_Direct_Translation]

Unbelievable. Well done.

[@mohammedalboraich629]

important erase test_status variables. thank you for your video and website.

[@greeceardz195]

and also get the value of their answer or what choice they take and then identifies if it is correct on wrong. hope you could help thanks!

[@mg9044]

Thank you Adam this is very useful. I have a question though. How could you go back to the previous question? If I decrease the "pos" variable by one, it doesn't work :/

[@shantanupethe]

I need cutomised Quizzer application for my website and Mobile application... can you provide the same????

[@sushildixit1653]

very helpful video thanks sir

[@danasugu1767]

Hi Adam! thanks for the tutorial. I wonder if the code can be used for a quiz that does not have a correct answer, as in a personality test quiz where you just end up with a personality type.

[@konosh93]

Thank you for the wonderful demonstration.

[@gsvkck]

Ok, so I saw the previous video where you showed how to allow users to input name, sex, and country. I still want to know how to connect that user input info to the quiz?

[@ultrasamad]

You and your videos are awesome! keep it up.

[@sksaik1992]

Still Using this Code Thanks for ur help

[@pastonnom88]

Nice!! How can we put pictures to the différente answers?

[@newsmix8659]

Very informative! Great work!

[@gaurigokakakar6887]

👏👏goood one 😊

[@anuragrana6065]

Good job sir... Could u tell me if u have uploaded any video or link of any video where i can learn that hiding part that is ajax and sql thing?

[@harrybeckwith576]

Cheers Adam, is really helping me learn how to build projects in JavaScript! =0)

[@jakubklos3438]

Hi!!! First of all thanks for the amazing tutorial, is a big step for all of us to understand how it's work. I was wondering what I need to do to stop the test going to the next question if any of the answers is not selected, because at the moment we can go throw this test without selecting any answer....:/ Thanks!

[@jameshardaway9960]

Adam, Using your tutorial, I'd like to have true and false questions. How would I modify your code for that feature? Also, how do I modify your code for questions that may have more than 3 choices? Your help will be greatly appreciated.

[@tosinsog]

Thank you for the video. It was very useful.

[@hopemgd]

Thanks for sharing!!! i found it very interesting.... but i have one question how can i make it for two user taking the quiz in sequentially and display the result after both finish taking the test.....?

[@danielsilver965]

this video was very helpful except there was one thing I couldn't figure out. How do I style the submit button with css? when I try to add a class or id the quiz no longer works. any help is greatly appreciated.

[@tedlawrence9400]

Good work Adam. How could I display the final results of the quiz, in another page?

[@imir]

what are the dependency and challenges to complete this application?

[@ralfspinoza]

Good work. Thank you very much for that. One question: where did you get the voice generator at the end of the video?

[@zakariaissah3265]

Thanks Adam, I added some codes to shuffle the quiz, by then when you get to the middle of the quiz it goes to start all over again. What seem to the problem

[@pasmadoXloco]

Thank you for your tutorials!! they are the best, Is it possible you could do a timed quiz? Many thanks in advance!

[@d.a.hunter1430]

Hi @Adam, thanks for all your hard work and great video! I am wondering, is there a way to track the users score and for me to get updated with the users results via email? would this be done through JS? Thanks a tonne! I am a total beginner and your videos are amazing.

[@okendosmith1063]

thank u sir for this wonderful lesson but pls sir like u said at the end of this lesson that the best way is to use php and ajax so that all the question and answers will come from the database,can you help us with that sir.thank u

[@JakeHillion]

Thanks Adam, nice tutorial! I've been thinking, would it be possible to have a drop down list to pick from available exams and include the correct file? Thanks.

[@MrGdsuta]

Hi I am thinking to create an online exam project using multiple choice questions type but with images (diagram/graph/picture) on the question statement as well as on its options. Do you have any suggestion or tutorial related? I'm thinking of using PHP and Database (like MySQl) is the only way. Thanks!

[@sumangaliraju6926]

Very interesting

[@AdedayoDaniel]

Thanks alot....All the way from Nigeria, i enjoyed d tutorial, it realy helped pls how can i add a time countdown and a previous button to change my prefered option.

[@skilla10101]

Hey Adam I need to have a splash screen for my quiz just as you have in you video example with the background image and so forth, how can I do this?

[@greeceardz195]

hi. this is helpful but i just want to ask if any knows how to call all the questions in a function() i just really needed it. i hope you could help me

[@emilychen1579]

With the code you provided, if I click on an incorrect response for the first question, then leave the rest as blank, it will still say that I answered 1 question correctly. Can you take another look at this? Thanks.

[@Djangokillen]

I was wondering if you could do like "What color are you?" "Can we guess your real age?" because that would be real cool.

[@collinrobinson1294]

hey Adam, is there away to get questions from a database like mysql. i guess it want have to be by use AJAX i just would to know how can i go about doing it

[@sachinrathoreindore3128]

Nice...........

[@ryanazelore7960]

thanks for the great video but what if the examinees wants to review their answers what code to use in order for the examinees to go back?, for example the examinees wants to go back to question 1 and change his/her answers? and also how about when refreshing a page? is there a way to randomize the questions? i know i'm asking too much but i hope you will answer my questions and also make a video that would be super awesome thank you in advance :D

[@NirmalKumar-xs5gh]

Ryan u get your answer if yes then plz send code i also need bro.my email:[e-mail] send bro its code nad solution.Thanks

[@AndersonMaya]

Hi +Adam, is complicated adapt the code to put multiple answers? Could you help, please?

[@rkm357]

As could do the test but occupying text boxes, so that one write the answer

[@harshavardhani4345]

Thank you. I want to add backward question can you explain.i tried i didn't get it

[@prachi-mane]

Hello Sir, Thank you for this video. Can you tell us how to give 2 marks to each question and give negative marking 0.25 for a wrong question?

[@Anna24Chiru]

Thats very good. Thank you!

[@happychibipanda]

Just wondering- I want to make a sort of quiz, but it's a bit different from a normal quiz. I've seen something like it before, but I don't know what to call it so I can't google it. It basically has some people, places, or things, and it compares these things, 2 at a time. then you pick one, and the program rules that out from the results.... it's confusing I know...

[@bhaskerthapa6534]

thank you for sharing your knowledge

[@vinzodarp8543]

thanks man, you save my work.

[@ScrotumPole]

instead of rendering to screen how about rendering to a printout in the correct position on a form?

[@TheWebShala]

Great explanation

[@shakaama]

Adam Khoury Can I ask what IDE you're using. And will it catch when you forget a semicolon, and recognize it. Was working on a project and got an error on the main page and took 30 minutes to figure out it was an error on the CSS. *sigh*

[@General_Aladeen]

try to use LESS plugin in Sublime Text editor it has compiler so everytime you saved your css and if it does have an error you can spot the error right away,

[@sachinrathoreindore3128]

Thanks......You......Sir Mack a project

[@vasudhadixit538]

Hi , just wanted to know if this code will work when multiple users are giving the quiz at the same time?

[@GMTAHUKA]

Hi there I really like your tutorial but i tried to work on notepad++ and followed every step exactly like you did but still failing. Could you please help and give me another possibility?

[@falkirkvanhireremovals7306]

Hiya, excellent tutorial. I have a question though being a beginner an all ;) function _(x) { return document.getElementById(x); } I get the logic behind the function, but I'm baffled as to what purpose (x) argument serves as it appears nowhere else in the code. Is it a placeholder of some kind? Thanks man..

[@JacobSmith-rq4gn]

Adam u know if I add 2 more questions to the variable questions in ur code and set the answer to the 5th question b and 6th to c. If I take the quiz and only answer the 5th and the 6th questions I got 4 out of 6 in the result. Which is wrong, why is that? I shoud get 2 out of 6. How do I fix that?

[@khalidQweder]

Thank you Adam.

[@sachinrathoreindore3128]

Super.........

[@martingustafsson8353]

How do I make a button where you get send back to the start to make the quiz again?

[@DanielshockAndTyler]

How can i do Multi choices? 1. Question with A),B) ... ?

[@ianjonson4056]

Hi, I am new to this stuff and I have found your presentations really informative. I need to show images and ask true or false How do you code a true or false question in amongst the usual questions? Also i can add images but can anyone help me to insert an image for one particular question, please? Iain

[@arabiccompprograming5161]

Hello Adam, just want to ask about the process of externalizing the questions using src="q_list.js">? what will happen to the question variable because it looks like its used many times throughout the entire code. And how would I structure the questions in the external file. Thanks Adam

[@MovieHeretic]

+Atike Abdullah By effectively making the questions array external and then including the "js" file the questions array is included in the code will operate exactly as it does if the questions array was declared and initialised internally. :) HTH

[@arabiccompprograming5161]

+MovieHeretic Thanks How about the concepts of building JavaScript quiz games smarter, which are time-based, and data stored within database, quiz game designed for many device sizes. what are your thoughts on this. One may want to create a multi-lingual Quiz portal. I would like to know what are your thoughts please. Thanks

[@zenkariogaming9291]

What code to input so we can save and track results and auto check the questions

[@dez_muzik6691]

super helpful.. yet I still can't complete code on my own without cheating (watching a tut like this).. advice?

[@dburnham1941]

Adam, I am trying to send you some code that I am having a problem with. I want it to be a FREE PRACTICE TEST for anyone needing to take the written test to obtain a Florida Driver's License or Learner's Permit. Any suggestions or help would be greatly appreciated.