Exam Application Programming Tutorial JavaScript Quiz Online Test

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 252

  • @jimbagsh9569
    @jimbagsh9569 9 лет назад +2

    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
    @gubbedelux 9 лет назад

    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
    @thecyrilcril 9 лет назад +2

    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

  • @MrSociopatu
    @MrSociopatu 6 лет назад

    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.

  • @newsmix8659
    @newsmix8659 5 лет назад

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

  • @adrianmbugua8344
    @adrianmbugua8344 9 лет назад

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

  • @General_Aladeen
    @General_Aladeen 10 лет назад +5

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

    • @FnooneXnoname
      @FnooneXnoname 10 лет назад

      yes! Share Full Stop

    • @wasswassim7483
      @wasswassim7483 6 лет назад

      could you please show me how did you make this work with ajax, anything helpful is appreciated :) .My email is goldina007@gmail.com

    • @jyothsnaakyana565
      @jyothsnaakyana565 6 лет назад

      Please send your developed programme

  • @thepixieblaze8449
    @thepixieblaze8449 6 лет назад +2

    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
    @adrianmobley6805 9 лет назад

    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.

  • @YannisStarwalker
    @YannisStarwalker 10 лет назад +4

    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.

  • @formsmama5584
    @formsmama5584 9 лет назад

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

  • @destofesky
    @destofesky 9 лет назад

    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

  • @AdamKhoury
    @AdamKhoury  10 лет назад +26

    • @feeltherainthatsoothesyou
      @feeltherainthatsoothesyou 10 лет назад

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

    • @feeltherainthatsoothesyou
      @feeltherainthatsoothesyou 10 лет назад

      Thanks a lot sir

    • @AnandupadhyayJavaexp
      @AnandupadhyayJavaexp 10 лет назад +1

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

    • @General_Aladeen
      @General_Aladeen 10 лет назад +1

      Anand upadhyay watch his tutorial in memory game programming.

    • @AmitChawhanamitc005
      @AmitChawhanamitc005 10 лет назад +1

      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 !!!!!

  • @GISNEMA
    @GISNEMA 8 лет назад

    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

  • @AlmutasimAlmazidi
    @AlmutasimAlmazidi 5 лет назад +1

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

  • @haili903
    @haili903 7 лет назад +1

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

  • @adamhussein496
    @adamhussein496 7 лет назад +1

    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?

  • @gerardotopete9711
    @gerardotopete9711 4 года назад

    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.

  • @Ammu.gaming529
    @Ammu.gaming529 3 года назад

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

  • @gman3841
    @gman3841 8 лет назад +2

    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?

  • @quraisahhamid7494
    @quraisahhamid7494 7 лет назад

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

  • @maths4allbysrinivas
    @maths4allbysrinivas 4 года назад

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

  • @SamMalcolmMedia
    @SamMalcolmMedia 9 лет назад +1

    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!

  • @mahtabdaneshnia6573
    @mahtabdaneshnia6573 8 лет назад +2

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

  • @LearnerCB246
    @LearnerCB246 7 лет назад +1

    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..

  • @paultiffin9840
    @paultiffin9840 9 лет назад

    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.

  • @danasugu1767
    @danasugu1767 9 лет назад

    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.

  • @jakubklos3438
    @jakubklos3438 6 лет назад

    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!

  • @PasqualItizzz
    @PasqualItizzz 10 лет назад

    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 ;)

  • @mg9044
    @mg9044 10 лет назад

    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 :/

  • @jameshardaway9960
    @jameshardaway9960 8 лет назад

    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.

  • @vogelpfeife
    @vogelpfeife 10 лет назад +2

    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
      @vogelpfeife 10 лет назад

      Is this done with an if statement?

  • @MichaelAbebreseAgyeman
    @MichaelAbebreseAgyeman 10 лет назад +1

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

  • @hopemgd
    @hopemgd 9 лет назад

    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.....?

  • @greeceardz195
    @greeceardz195 7 лет назад

    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!

  • @dburnham1941
    @dburnham1941 7 лет назад

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

  • @taibouniwebsolution9811
    @taibouniwebsolution9811 6 лет назад

    You're a great teacher sir

  • @harrybeckwith576
    @harrybeckwith576 8 лет назад

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

  • @gsvkck
    @gsvkck 10 лет назад

    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?

  • @imir
    @imir 9 лет назад

    what are the dependency and challenges to complete this application?

  • @d.a.hunter1430
    @d.a.hunter1430 7 лет назад

    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
    @okendosmith1063 7 лет назад

    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
    @JakeHillion 10 лет назад

    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.

  • @anuragrana6065
    @anuragrana6065 6 лет назад

    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?

  • @shantanupethe
    @shantanupethe 8 лет назад

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

  • @pastonnom88
    @pastonnom88 7 лет назад

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

  • @prachi-mane
    @prachi-mane 2 года назад

    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?

  • @mohammedalboraich629
    @mohammedalboraich629 6 лет назад

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

  • @greeceardz195
    @greeceardz195 7 лет назад

    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

  • @MrGdsuta
    @MrGdsuta 7 лет назад

    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!

  • @ralfspinoza
    @ralfspinoza 6 лет назад

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

  • @pasmadoXloco
    @pasmadoXloco 9 лет назад

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

  • @martingustafsson8353
    @martingustafsson8353 8 лет назад

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

  • @gobindapaul8177
    @gobindapaul8177 5 лет назад

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

  • @sksaik1992
    @sksaik1992 5 лет назад

    Still Using this Code Thanks for ur help

  • @skilla10101
    @skilla10101 9 лет назад

    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?

  • @konosh93
    @konosh93 9 лет назад

    Thank you for the wonderful demonstration.

  • @emilychen1579
    @emilychen1579 8 лет назад

    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.

  • @collinrobinson1294
    @collinrobinson1294 8 лет назад

    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

  • @tedlawrence9400
    @tedlawrence9400 4 года назад

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

  • @AdedayoDaniel
    @AdedayoDaniel 9 лет назад

    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.

  • @zenkariogaming9291
    @zenkariogaming9291 7 лет назад

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

  • @danielsilver965
    @danielsilver965 6 лет назад

    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.

  • @ryanazelore7960
    @ryanazelore7960 8 лет назад +2

    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
      @NirmalKumar-xs5gh 5 лет назад

      Ryan u get your answer if yes then plz send code i also need bro.my email:-nirmalk0502@gmail.com.plz send bro its code nad solution.Thanks

  • @zakariaissah3265
    @zakariaissah3265 9 лет назад

    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

  • @sushildixit1653
    @sushildixit1653 6 лет назад +2

    very helpful video thanks sir

  • @vasudhadixit538
    @vasudhadixit538 4 года назад

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

  • @happychibipanda
    @happychibipanda 9 лет назад

    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...

  • @AndersonMaya
    @AndersonMaya 9 лет назад

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

  • @arabiccompprograming5161
    @arabiccompprograming5161 9 лет назад

    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
      @MovieHeretic 8 лет назад

      +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
      @arabiccompprograming5161 8 лет назад

      +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

  • @JacobSmith-rq4gn
    @JacobSmith-rq4gn 9 лет назад

    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?

  • @rey2044
    @rey2044 5 лет назад

    Which text editor you are using

  • @falkirkvanhireremovals7306
    @falkirkvanhireremovals7306 7 лет назад

    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..

  • @akshatakasar1997
    @akshatakasar1997 7 лет назад

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

  • @akshaygaikwad1383
    @akshaygaikwad1383 8 лет назад

    how to make a system...where you can add,edit and delete the questions..for website..

  • @sachinrathore4460
    @sachinrathore4460 6 лет назад

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

  • @thepixieblaze8449
    @thepixieblaze8449 6 лет назад

    i have 2 questions: q1:- you guided about securing the answers thru ajax/ database format, cant we simply DISABLE RIGHT CLICK to restrict anyone from seeing the source code.
    Q2:- what if we want to condition -
    if( user attempts 5 wrong question or more) out of 10 Questions
    then
    the window would close automatically giving a warring sign -> " you have reached incorrect answers limit"

    • @AdamKhoury
      @AdamKhoury  6 лет назад

      I hope these answers help...
      A1. No, because people can just use the browser software's developer tools to view source code. You can obfuscate JavaScript code to make it unreadable but even that is not fool proof. Best security approach I think is to have the answers in a secure database system and send the user's answer via Ajax to PHP which will access the database and compare the answers, then send reply back to the waiting Ajax call.
      A2. Establish a variable named "incorrect" with a value of 0. Each time the user answers a question, increment "incorrect" variable by one(incorrect++) if they get the answer wrong. Inside the same function that checks the answer you can put an if() conditional that says:
      if( incorrect == 5 ) {
      test.innerHTML = "put any HTML or text content here that will replace all of the content in the test div";
      // you could change the HTML content of any elements on the page like that.
      return false; // this line makes the parent function stop processing at this point.
      }

  • @AyushLikhar
    @AyushLikhar 9 лет назад

    I want to use (stylish transparent buttons with choices written inside the it) instead of radio buttons ... but the script is based on radio buttons ... to get rid of it ... what will i have to use in place of " .checked " ... can anyone help?

  • @harshavardhani4345
    @harshavardhani4345 5 лет назад

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

  • @dburnham1941
    @dburnham1941 7 лет назад

    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.

  • @ultrasamad
    @ultrasamad 9 лет назад

    You and your videos are awesome! keep it up.

  • @mixmathsetprogrammationpou9200
    @mixmathsetprogrammationpou9200 7 лет назад

    Hello, if you please give me the name of the program to which you have to repay
    This example I test this example with notepad ++ but it does not work please keep answer me

  • @newsmix8659
    @newsmix8659 5 лет назад

    Very informative! Great work!

  • @ianjonson4056
    @ianjonson4056 10 лет назад

    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

  • @gsvkck
    @gsvkck 10 лет назад

    If I wanted the user to input their name before taking the quiz and having the test spit out their name how would I do that?

  • @codalite
    @codalite 10 лет назад

    Hi, Adam, when I'm editing my website and view it in my browser(s) it always has 200-like px's space on the right side. How can I fix it?

  • @GMTAHUKA
    @GMTAHUKA 7 лет назад

    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?

  • @ScrotumPole
    @ScrotumPole 10 лет назад

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

  • @loryanngarcia3031
    @loryanngarcia3031 6 лет назад

    hello what if i add a questiions? how can i add another question? pls help me

  • @rkm357
    @rkm357 10 лет назад

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

  • @bankersicon3050
    @bankersicon3050 9 лет назад

    Please Tell me the code for displaying wrong answers for above video.

  • @No_Direct_Translation
    @No_Direct_Translation 6 лет назад

    Unbelievable. Well done.

  • @dez_muzik6691
    @dez_muzik6691 9 лет назад

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

  • @shakaama
    @shakaama 10 лет назад

    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
      @General_Aladeen 10 лет назад

      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,

  • @Djangokillen
    @Djangokillen 10 лет назад

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

  • @RamKrushnaRay
    @RamKrushnaRay 8 лет назад

    what i display score on my quiz webpage.. my questions comes in random wise/ways to users not serially on database
    .. how i display score on it ??

  • @ultrasamad
    @ultrasamad 9 лет назад

    Hi Adam, I tried adding validation to the app by making sure the user checked one of the radio button b4 proceeding, so I added an else block to the if statement with a pop up msg telling the user to select an option. But what happens is that the msg is shown to the user and the next question immediately displays instead of staying on the first question for the user to select. I tried break, continue and return at the different times, but none seems to b working ryt. Pls help.

  • @tosinsog
    @tosinsog 10 лет назад

    Thank you for the video. It was very useful.

  • @markcabatino6406
    @markcabatino6406 6 лет назад

    sir instead of using text for the question can i use image?

  • @lunarskyye2680
    @lunarskyye2680 7 лет назад

    Not appearing on screen for me? I'm using codeigniter by the way. I also tested it out in other browsers & external files to Codeigniter but still no joy.