How to Make a Quiz App using HTML CSS Javascript - Vanilla Javascript Project for Beginners Tutorial

[@PyrousVideos]

For any mobile users who are coding this change the min-height of the .choice-container to 1rem It worked for me

[@vikiink]

I just started this tutorial! You are such an awesome tutor! Very clear, and informative on why you do the steps and perfect pace. Thank you so much for this tutorial!

[@sakihikarujung]

Do you have sheet and then make timer multiple choice with them instead of type problem and choices in the code.

[@hervemalvina28]

Great video. Many thanks for your clear explanations of the javascript code

[@Matt-ersOfFaith]

Great tutorial! Learned some new things along the way such as the tag shortcuts! Thank you!

[@seid5378]

Thank you so much for this tutorial. I needed this for my upcoming project and applying javascript was hurting my head

[@BrandonGiordano]

Thanks so much. Had to complete this project for school and you helped me all the way through

[@nekojcovek8466]

This guy has such a good taste for colors

[@MenyeMC]

Good point, and fonts too. The choices he makes just "work" together. He knows what he likes and what he likes is good.

[@vincentyou7302]

Hey is there a way I can see your github code or something ?

[@madebymate4870]

Thank you for this tutorial big man, javascript is pretty hard to learn but you explain it very well

[@carlostho7403]

Yea it is . I am learning it too

[@ApeXPr1me]

ratio lil jit

[@RustyV]

Huhuhujj i always got an error on the An error is saying Cannot set property 'innerText' of null at tgis line finalScore.innerText=mostRecentScore Edit: I got the solution! It is because my h1 id in end.html is finalscore but in the js, it is presented as finalScore! Thank you so much sir! New sub here!!

[@mulumeh1]

Thank you so much Brian. This is very helpful!

[@tomsquad920]

Help. When I followed the tutorial up to 20.25 when he clicked play and a new screen showed up. When i try to click play the screen does not come up and it just says "your file couldnt be accessed". When I go into my folder it I can open game.html however they dont linktogether.

[@jonathancohen1524]

A great introduction to javascrpit helped me understand the concept so much better.

[@ActiveDailyClips]

Amazing video, but could you share the source code?

[@rekaiadraoui4060]

BTZ JS is space sensitive so if your js code isnt running check if you have any extra spaces

[@The_Guarian_Angel]

I need help I use the HTML code of your quiz but i have a problem. I have a question on my quiz but there is two right answer and i dont now how can i do it Thanks

[@CodeNameNoah]

What extension do you use to see wrappers or start-end elements in different colors?

[@MsLuizdaniel]

Mano, você salvou meu TCC

[@tigervieh]

você conseguiu? estou com um erro que não consigo resolver: Uncaught TypeError: Cannot set properties of null (setting 'innerText') , na linha 75 do game.js/ poderia me ajudar?

[@marijajorgacevic1083]

Hi Brian, can you send a link with the codes to download because it tells me that max_questions is not defined

[@barnojamalova7856]

Thanks it was helpful, but what if i want to put the buttons back and forward for the quiz.

[@SandeshMotoVlogs]

Keep a question counter Everytime u click left button decrement it by one and when u click right button increment it by one

[@salahaddin2009]

Hi how do I plot the quiz score on a graph so I can see overtime how I am performing in order to measure my learning goals?

[@MrDuff158]

Hey! Also interested in this did you figure it out?

[@canvasnature3282]

You use a library get all the data you want to fetch and display them using Chart.js

[@yazidali7071]

Thank you youtube for showing me this channel... this is amazing.

[@j4n1s16]

how do i create multiple right answers? something like: question: 'What is 2+2?', choice1: '22', choice2: '4', choice3: '21', choice4: '4', answer: 2, 4,

[@AsmaKhan-qf6gd]

Amazing Amazing sir you are super duper awesome thank you so much.

[@axarious5846]

Hey, thank you so much for helping me, but can you change the question into audio rather than text? I have trouble adding the function to play audio into the javascript, can someone help?

[@md.anisurrahman9459]

Amazing video tutorial. Thank you, Brian!

[@tanayanaik6912]

Does the scoreboard gets saved in a database or something ??? or its just a local storage

[@manhark7078]

How do I put the final score on the end page? Like 100 or 200(whatever the person got)?

[@KeelanJon]

The player score is saved to local storage when Brian uses the localStorage.setItem("mostRecentScore", score) method. You can get anything saved to local storage using localStorage.getItem("variableName");

[@kerbyvalenzuela4210]

@@KeelanJon Man how do I save it to a database?

[@KeelanJon]

@@kerbyvalenzuela4210 That depends on the back end you are using

[@kerbyvalenzuela4210]

@@KeelanJon I feel stupid for asking this but what's a back end?

[@kerbyvalenzuela4210]

@Yusuf Bey Thanks for that, Sir! 💗

[@snarlyash8590]

Thank you so much for this tutorial it was very helpful please make more of these videos ; )

[@souzamotasacul]

Hi Brian! How's it going? At 25:17 you said "Transition" but you typed "Transform" Thanks you for the content it is helping a lot! Keep it up!

[@petervanderlind]

How can I change the div into a p tag the way he's doing? My visual studio isn't doing it automatically. Thanks.

[@GoldenIJ]

Install 'prettier' extension in your VS code

[@vuquang4071]

What software do you use?

[@arushibali7784]

This was gr8 👏 but I wanted you to add a result button at the end to show the result.

[@nikkoletashby1142]

Question: If you wanted to reset the scoreboard at the click of a button, how would you go about doing that?

[@rutasverdesena2037]

resetScore = e => { window.localStorage.clear('highScores'); }

[@rachaelfavouradebanwo6465]

Thanks a lot Brian. Really helpful :)

[@it_xyzhsjje]

Thanks I found this But but should zoom screen

[@Djolicc]

Hey, hopefully somebody is going to see this. But like my problem is, the page after the game does not wanna show up. After completing the questions, it says "YOUR FILE COULDN'T BE ACCESSED. May somebody help me out with this? :) Also, GREAT VIDEO, loved watching it and using it.

[@GameplayVideoRO]

How can I delete the highscores from the leaderboard? Or maybe reset it?

[@fernandocampana9062]

Hi! Do you figure it out?

[@rutasverdesena2037]

resetScore = e => { window.localStorage.clear('highScores'); }

[@fabdan5745]

@Brian thanks for the tut. I completed it, but none of my questions and answers are uploading nor is the rest working. Although I "carefully" followed along the Js part. Any help?

[@didisimmons3177]

Hi @Fabrice Dan having the same issue the questions are not showing if the are answers correct or incorrect when clicked .Were you able to resolve it? if yes how , I have followed the video carefully but showing the error on the console "score value has been declared which is exactly the same as the video ".

[@kendallpinto]

@@didisimmons3177 You can view his github and figure out the error.

[@adityaamar3780]

hey, I need help with storing user choice in the quiz to google sheet or some place. How do I get this done?

[@edwardkabwmba5381]

liked and subscribed, i am doing some project and i need something quick and you good

[@fajarfaizin615]

hi brian, this is amazing, can you share the source code?

[@erzafixed5372]

+1

[@pedroeosdinos7418]

+1

[@ahansinha1577]

+1

[@lettucze]

+1

[@Yuvanz2.0]

+1

[@atharvakadam4701]

Everything seemed good but it would have been better if you would have explained it more clearly and doing the HTML first and then going on to the javascript and CSS later on, cuz it gets difficult for a beginner to understand from where are these HTML classes coming in JS files even before they are declared in HTML.

[@gladringideonaroul7662]

Thank You soooooooooooo much ........... this was really cool and helpful ... !!!

[@it_xyzhsjje]

But it not working at the same any hidden skill then kindly share

[@officialerenince]

How can i delete someones high-score?

[@orsasson9592]

Is that a responsive quiz?

hi guy, very helpful video, thanks for sharing

[@kiritsuna]

I'm using 10 questions I took from a JSON, because doing it on the js file would have been a lot of text. The problem is that I don't know how to link with Jquery AJAX, or other way, while changing only a little of the original code in your video

[@julianabz]

sorry, i'm very noob, but how can i create a 'explanation page' after the user select a answer? sorry my english and thank for the video!!

[@seanymac4514]

I am having an issue with getting the score to change whenever a question is answered correctly. I must have something screwed up but I am not sure what it is.

[@seanymac4514]

Yep... was a typo.

[@匚卄尺丨丂-q3b]

Hye Brian, I'm having trouble with the progress bar under "#progressBar." Edit: never mind I figured it out btw nice tutorial

[@nonagone9570]

haha same, my problem is that i reffered to it as a an id and not a class

[@balqiskhai_]

i have the same prob. Ho do you fix it?

[@smirdoejal]

game.js:221 Uncaught TypeError: Cannot set properties of null (setting 'innerText') at getNewQuestion (game.js:221:28) at startGame (game.js:205:5) at game.js:275:1 what is happening here ??

[@rafaelcampos3650]

did you manage to solve the problem?

[@kiwicrafter]

Hi Brian, any chance to download the entire code? Also if I am asking about an object, how can I add a small image? Any way I can communicate by email?

[@briandesign]

the github should be in the comments section

[@kiwicrafter]

@@briandesign Thanks, I have another question, where are the scores filed? How do I delete them? Or manipulate them? I am setting up a quizz with a donated prize to be drawn, and while working on it I entered a lot of test scores. There will be hundreds or thousands of entries for the draw. So how can I delete the test entries?

[@amittio6446]

did you found the github with is whole script?

[@amaniarman460]

@@amittio6446 github.com/briancodex/quiz-app-js

[@Italy_paddathulu]

On which website you are working on it please tell

[@-srishtirudra6670]

hello im making micro project on this topic sir so how link each pages means are u r ready on clickg next page how to do that plz help me out

[@AzureX.official]

hey what theme are u using by the way?

[@eliabospino6475]

Hi, Brian. I have a doubt. I did a lot of testing and now I have a lot of names on the scoreboard. How do I remove or reset them? Please, I need help, man.

[@paolostorres]

I love this quiz. What do I do to remove the score... and just have a result display rather than forwarding to an end.html?

[@TrevorTyroneSSH]

google it

[@justinaandreas647]

Mine is not doing the same😢

[@justinaandreas647]

The progress bar failed me.

[@littlepanda1861]

Hi Brian I copied it just like you did but my end page is not working... whenever the quiz ends it shows that your file could not be accessed it may have been moved ,edited or deleted ERR_FILE _NOT_ FOUND. but my file is still in the folder.

[@lucadelbianco2503]

it works but you have to remove the slash from the href and replace the simple slash with index.html or highscores.html as needed .. after the corrections it works fine!

[@esagecantu]

Great tutorial on how to make a trivia quiz. I will use it for my own trivia.

[@NotMash]

hey i need help with 46:24 when he incrementScore.i get a syntax error

[@thisisrocee]

is there a chance that i can put a image in these questions? im talking seperate image for each question. plsssss anyyone?

[@Gamerdude-eb6tt]

Is anyone having issues running the quiz fully like when you run the index.html and click play it doesn't bring you to the quiz

[@mormedianl]

@HandyBrothers Did you link al the files? When you download it from GitHub all the links are not working so you need to link them again. You need to link all of the files in every file.

[@jeanmelieroa4925]

@@mormedianl How am I going to link them?

[@kendallpinto]

Hi Brain.. I would like to make it responsive for mobile too.

[@computergeek5657]

Teacher…thank you so much.

[@rishaangupta131]

Great Tutorial!! I learned a lot!!

[@Wonkanator2]

everything works but everytime I save a new highscore it doesn't add anymore to the list it just replaced the highscore with the latest score....

[@williamlocke5059]

What is the advantage to using the arrow function notation versus the traditional method?

[@xheladinosmanaj3873]

it's more simple way of creating a function instead of creating it and putting it as a callback you create it directly there

[@randalfjohn9848]

When the wrong answer is selected and red colour appears, how do you also show green colour on the correct answer at the same time.

[@liqvalen]

Thanks for the tutorial

[@akiayoung9807]

Hi there is there a way to make it to some questions only have two or three answers?

[@inhnam9089]

that great, but how to do it using React?

[@jedgomez1585]

hello can i ask where the data is saving in leader board?

[@scriptnoob134]

This is really amazing!! Can I use this on the site I'm making?

[@theklippet]

How do you make a similar quiz app with different results just like a Buzzfeed quiz?

[@bonkers1991]

Hello! How to do a multiple correct answers for this multiple choice QUIZ??? NEED HELP... PLEASE *CRY*

[@nutbutterntoejam2566]

Why is it that my first :root for style.css file is not working already? the background colour is not changing. Im using Brackets text editor. anyone can help?

[@simon6325]

thank you

[@TimmyOnTech]

is the repo for this project anywhere?

[@beautifulmorning5027]

How can I add images in the choices instead of text ?

[@khaleephauba5549]

Great! Keep it up, How do I save the highscore to firebase and if user return and play again and also fill the form with the same username firebase will updated/increase his score and update his level in the table

[@shivansh709]

You are just reading the code 😩

[@miss_nougat.x473]

i got stuck at the start! when it says to type index.htm nothing happens ! what do I do

[@TamasKoncz]

How can I import the question answers to a google sheets table? pls help mee

[@robertocetzalalvarez8607]

there is no link of the repository on github?

[@tgdevilgaming1673]

Code source bro ???

[@liqvalen]

github.com/briancodex/quiz-app-js

[@amittio6446]

how can i get the full script

[@georgyanarov]

for me nothing work when it need to apply the javascript anyone help me and tell me why please? i did exactly like him but nothing happen is ok unltil game.html after that nothing apply anymore

[@randhirgupta9518]

Very helping tutorial appreciated Brian

[@yorgoelmoubayed3821]

Hey, great tutorial thank you! Quick question, any ideas of how to add one or more images per question. Thanks for any help!

[@iamrafa3619]

hey, what extensions you running on vs code ?

[@briandesign]

kzbin.info/www/bejne/ZoDOZJl9mtFnhc0 check this video I made

[@kvrrcfatehgarhlibrary6812]

How to combine these all html ,css and js file

[@ArunkumarJewaragi]

When I go to container designing it is not working brother

[@joshualouisehonrado5269]

for me as a college student this is a great tutorial! thankyou for this wonderful tutorial!!!! i learn a lot

[@goodcoder4953]

Awesome Work

[@Truck_Kun69]

thanku bro

[@rutasverdesena2037]

The progressbar doesn't work for me. Anybody could make it work? how did you do it?

[@SaulBadman]

I have a problem that the Play button is too small

[@yasmimbarbosa4839]

GREAT VIDEO! THANK YOU SO MUCH!!!