I struggled for over a week with different tutorial videos. I never made much progress with any of them. Yours was paced to be easily followed. I finished with a working version within hours. Your video is far superior to the rest. Thank you.
dude this completely blew my mind you make things very understandable. Great job I came here trying to understand my homework and left learning a lot of new things. Thank you
Thank you, this tutorial is wonderful! I like how you explain what you are doing in depth- it really helps me understand why and how the code works. I wish there were more tutorials like this. Please make more JavaScript tutorials! :)
Hi Kevin, thank you for taking the time to make this tutorial as well as providing a link to the code. I had an idea for a small app and initially wanted to be a Swift app. However, I don't know Swift well enough though I'm currently learning. I decided that I should try to write the app in html, css, and javascript first, get the logic down and then do the Swift app. This video really helped with my understanding the logic for the code you used. Thanks again.
Thank you. I just started WebDev and C++, and I am somewhat experienced in C. Tip for others: faster way to count the correct answers would be something like correct = (q1 == "Providence") + (q2 == "Hartford") + (q3 == "Albany") (x==y) is actually a Boolean expression that returns 1 or 0 therefore this works
thanks for you video, even though you might not read this comment, you help me a lot for an assignment where our teacher forget to teach us HTML and javascript, thanks you i was able to create a functional quiz and learn about html !
Really helpful for Beginners Everything Works Fine And Specially you Made it in a White Screen so Newbie s can see Clear i Sub,and Thumbs Up for this Video !!!
Hi, thanks for this great tutorial explained very well!!! After I understood the concept I recode the quiz without using var range and the second if statement. Basically I just used the var correct for select the array of the messages and the same with the pictures, in this way I had the code much more simple :)
A very interesting suggestion would be to store questions and answers in arrays or in a json file so you could add as many questions as you want without rewriting too much code.
Curious why you used the "id" attribute of the form elements to specify their styles rather than a class. In general, I usually consider the "id" attribute to be unique within the page for referencing a specific element, and the class to be used to style multiple elements.
This has been a fun project, thanks for being so detailed. I would like to create a multiple-result quiz based on this to help my friends pick their DnD class for new characters (ha!). Does anyone have suggestions on how to do that? I am thinking that I need multiple variables in the first block of the function declaration; instead of just "var = correct", I would have a variable for each of the 12 result options (var = barbarian, var = druid, var = fighter, etc.), and add "points" to/from each variable based on the answer chosen. E.g., if the question was "Do you want to use magic?" And the answer the user selected was "Magic is for sissies" it would add +1 to barbarian (jk, but that's the idea). Would that even work? I am thinking it will, but that could be the beginner JS user in me talking.
Did you ever make it? I'm making something similar- a personality quiz to determine whether you're more like my one poodle or the other. It's a bit ridiculous but I'm having fun!
Hello Kevin. I am immensely grateful for the tutorial that you have uploaded. Can you please make on dropliste activity such as those that appear in the (" Français facile web site"). If the student choose the wrong option they rewrite the incorrect option with the red color and strake through it and they give the correct option in green. I am a teacher in french and English language. My students learn best with these kinds of activities. Thank you in advance.
Ive tried for ages to fix an issue im having. When he makes a coloured border at the end in CSS, it wraps around the quiz and not the score at the end nor the picture. For me it wraps around all of them. Even though ive gone over the code many times and theyre basically identical.
For sure the problem consist in the missing link for javascript in your HTML file try to see if you put the link into your html file. Something like this should be in html , where the SRC means the name of your JS file. I called it "quiz4script.js". You can call it as you want
is there a quiz where won't let you pass to the next question if you don't answer correctly? I have googled and can't find the code... please, help. Gracias!
I don't understand, like if you have more questions, you need to put more things into range... I don't understand that part. Please make me have a better understanding with this.
Hey I bet you got a solution by now but to future watchers: My javascript wasn't editing the html at all in this code or other quizzes because I forgot the $ at the beginning of the .js(thanks stackoverflow).
I love the way you explain how each part is actually working. Thank you!
I struggled for over a week with different tutorial videos. I never made much progress with any of them. Yours was paced to be easily followed. I finished with a working version within hours. Your video is far superior to the rest. Thank you.
Best Pop-Quiz-JS tutorial on TH-cam!! Thanks so much for posting, truly helpful!
This tutorial was wonderful, Kevin! Super easy to follow and super wonderful, especially to those who are still new to JavaScript! Thanks!!
it didnt work with me why ?
dude this completely blew my mind you make things very understandable. Great job I came here trying to understand my homework and left learning a lot of new things.
Thank you
Excellent video, thank you for showing us how it all fits together. Look forward to checking out more videos on your channel.
Thank you, this tutorial is wonderful! I like how you explain what you are doing in depth- it really helps me understand why and how the code works. I wish there were more tutorials like this. Please make more JavaScript tutorials! :)
Hi Kevin, thank you for taking the time to make this tutorial as well as providing a link to the code. I had an idea for a small app and initially wanted to be a Swift app. However, I don't know Swift well enough though I'm currently learning. I decided that I should try to write the app in html, css, and javascript first, get the logic down and then do the Swift app. This video really helped with my understanding the logic for the code you used. Thanks again.
Thank you very much. Very helpful and I think I understood Javascript a bit more. Appreciate your work. Keep going what you started, Kevin! :-)
Thank you. I just started WebDev and C++, and I am somewhat experienced in C.
Tip for others: faster way to count the correct answers would be something like
correct = (q1 == "Providence") + (q2 == "Hartford") + (q3 == "Albany")
(x==y) is actually a Boolean expression that returns 1 or 0 therefore this works
Just as everyone have mentioned, you have my greatest thanks
thanks for you video, even though you might not read this comment, you help me a lot for an assignment where our teacher forget to teach us HTML and javascript, thanks you i was able to create a functional quiz and learn about html !
informative, thorough and funny!! Woo!!
You should get more support, these vids are really helpful!
hi hi
Fun little project lol. Great tut. Good job explaining. Real good vanilla javascript tutorial for beginners.
You are the King bro , i was looking how to validate the answer and count the score , didn't know it's easy like this you got my Honor bro
Great Job! Thanks a lot! You are really good at explaining things in the simplest way possible ^^
Really helpful for Beginners Everything Works Fine And Specially you Made it in a White Screen so Newbie s can see Clear i Sub,and Thumbs Up for this Video !!!
If you have problem with "cannot set property 'value' of null". Move your in the bottom of
make more tutorial about javascript like that... you xplained it clearly.. good job man
love you
Thank you very much, you have made my day, I initially couldn't get it to work, so I changed browser to chrome and it's running like a dream :)
Great job, Kevin. Thank you for this wonderful tutorial!
Very practicle example given by you ... Good job ...:)
Thanks for sharing this! I was stumped on how to change result images until this video.
Nice Video! I had no difficulty building the quiz!
Thanks so much. This video is my best tutor to startup my project!
Thanks for the good content. Easy for beginners to understand. Keep it up
Hi, thanks for this great tutorial explained very well!!!
After I understood the concept I recode the quiz without using var range and the second if statement. Basically I just used the var correct for select the array of the messages and the same with the pictures, in this way I had the code much more simple :)
A very interesting suggestion would be to store questions and answers in arrays or in a json file so you could add as many questions as you want without rewriting too much code.
Nice stuff for beginners, thank you Kevin !
Saved my life! Thanks a bunch ❤
You could not have made this easier. Well done
Kudos. Great job, very comprehensive
Curious why you used the "id" attribute of the form elements to specify their styles rather than a class. In general, I usually consider the "id" attribute to be unique within the page for referencing a specific element, and the class to be used to style multiple elements.
I also have the same question.
Stunning job..!
Thankyou so much bro, stay healthy
I really enjoyed this video. Thanks much! Lets assume this is levelOne of the quiz. Can you show how to create several levels ?
Great video, thanks kevin for making my day.
This has been a fun project, thanks for being so detailed.
I would like to create a multiple-result quiz based on this to help my friends pick their DnD class for new characters (ha!). Does anyone have suggestions on how to do that? I am thinking that I need multiple variables in the first block of the function declaration; instead of just "var = correct", I would have a variable for each of the 12 result options (var = barbarian, var = druid, var = fighter, etc.), and add "points" to/from each variable based on the answer chosen.
E.g., if the question was "Do you want to use magic?" And the answer the user selected was "Magic is for sissies" it would add +1 to barbarian (jk, but that's the idea). Would that even work? I am thinking it will, but that could be the beginner JS user in me talking.
Did you ever make it? I'm making something similar- a personality quiz to determine whether you're more like my one poodle or the other. It's a bit ridiculous but I'm having fun!
That was super helpful, thank you so much for making it! :D
excelente y muy bueno
Hello Kevin.
I am immensely grateful for the tutorial that you have uploaded.
Can you please make on dropliste activity such as those that appear in the (" Français facile web site"). If the student choose the wrong option they rewrite the incorrect option with the red color and strake through it and they give the correct option in green.
I am a teacher in french and English language. My students learn best with these kinds of activities.
Thank you in advance.
Ive tried for ages to fix an issue im having. When he makes a coloured border at the end in CSS, it wraps around the quiz and not the score at the end nor the picture. For me it wraps around all of them. Even though ive gone over the code many times and theyre basically identical.
Thank you so much sir🤗🖤 this content is very important for us as students 😀😋
When I press the “I’m finished” button, nothing happens. I have checked my coding many times but I cannot find the issue.
Help would be appreciated :)
same bullshit
For sure the problem consist in the missing link for javascript in your HTML file
try to see if you put the link into your html file.
Something like this should be in html
, where the SRC means the name of your JS file. I called it "quiz4script.js". You can call it as you want
Excellent presentation. would you mind adding timer to this quiz .thank you
can I save multiple responses in a file(like a text file/ table format/ excel) to display later?
Great Job! this is so helpful for me!!!
Thanks, man. Youre videos are very helpful
This was awesome!! Thank you so much.
How could i make something like this but instead of the results appearing on the right, it would just replace where the quiz was taken?
"element".remove(); will remove the elements where the quiz was taken and you can put the other elements you want displayed in its place
Nice keep going :))
hy can u tell how to make this in for or while loop instead of if else??
I cannot complain as this is offered for free but after checking and rechecking code it still does nothing. The roll-over works, but nothing else!
Really appreciate this! Thank you!
In where are you making this
Is this code can be use in PHP ? Im just a newbie in Html or any of this. Just begun a month ago in web developing.
how do you save the results of the quiz? either on mysql, local storage etc. Kindly assist
how can i do this with checkboxes? get a value if some checkboxes are selected?
What if the quiz is 10 questions? (20:17 if statements)
Hi, I'm sorry, I have a question. But how to find the right answer of a test in this code?
this helped me so much, Thank you!
You really helped me a lot
My only objections, is what happens when you have to creative many multiple choice questions with this methods
Thanks a lot! That was very helpful
why didn't you use Sublime Text 3??
Thank you too much sir ✔💜
is there a quiz where won't let you pass to the next question if you don't answer correctly? I have googled and can't find the code... please, help. Gracias!
Radio check with JS is not working in Explorer Egde
Bro i could help u send me the codes? Paste it here
why can you not use correct= instead of greater then and less then?
how can i change colour of text of radio buttons?..can someone pls help
Thank you for this useful video, but some work doesn't do anything in my project. :(
how to connect three different question paper according to there marks..
hei i want to integrate this game on my php website project using codeigniter but the website didn't load the picture.is there anyone can help me?
How can i show the results on another page? I trying so much but no sucess ://///
Please tell me what this programm
How to set up time limit?
Thankx
is there a way to make the questions disappear?
Can you zoom on the screen plz
Why doesn't it working anymore? The buttln I'm finished is unclickable and can't submit tha answer
Please help me out
When I am clicking after_submit I can't see anything on my screen
make sure you have your javascript referencing in your html page
Those gifs brilliant ! ahahaha
Nice!
dude u r cool...
can't people look at inpsect element to see the answers?
Thanks a lot man!
I don't understand, like if you have more questions, you need to put more things into range... I don't understand that part. Please make me have a better understanding with this.
Can you please reply to my comment? I really need a better understanding of this part...
Never mind, I don't actually need a picture in my quiz...
How do we insert image inside the question?
I also want same anwer
Whi I can not run it for more questions?
I don't see why you shouldn't be able to. Would you care to explain your issue a little deeper?
Stop barking and enjoy the code :D
is any part of this code out of date in May 2017?
Hey I bet you got a solution by now but to future watchers: My javascript wasn't editing the html at all in this code or other quizzes because I forgot the $ at the beginning of the .js(thanks stackoverflow).
Can you post an example?
Nope. This is all in Vanilla Javascript. Or Aka pure Javascript. No jquery or any other library.
Thank you Sir .❤️
u saved my life haha thnx
can't make it work gotta give up
it works all the hours grinding errors and duplicates and i found the issue why it doesn't work
*Programmers NEVER give up*
That mark coding is not working
Please help
It always says " you got 0 correct" why is that?
Hey can somebody help me i have a problem and the script doesnr work although i did like you!!
mine is also not working. I dont know why but JS doesn't count/check radio form.
@@emirhance4366 hey mine worked i just had frogot to type q3 on q3 it was q5 dont know how
Tnx man