Build A Quiz App With JavaScript

40
3



In this video I will be breaking down the entire process of building a quiz application using JavaScript. We will also be styling the entire application using modern styling practices. This video will not only teach you how to build a quiz application, but it will breakdown the steps you need to take when building any project.

We will be using modern JavaScript best practices to create this application. We will also be using CSS variables to make changing our site on demand incredibly easy. By the end of this video you will have an entire quiz application built which can be easily extended and customized.

📚 Materials/References:

CSS Box Model Explained:
GitHub Code:
CodePen Code:

🧠 Concepts Covered:

– How to dynamically show/hide elements
– How to remove child elements
– Array randomization
– Who the best YouTuber is 😜
– CSS variables

🌎 Find Me Here:

Twitter:
Discord:
GitHub:
CodePen:

#QuizApp #WDS #JavaScript

Nguồn: https://alimentproteine.com/

Xem thêm bài viết khác: https://alimentproteine.com/game/

40 COMMENTS

  1. It's possible to double one question and share it to another element to make two person answer the same question at the same time?

  2. Hey, this might be a bit old, but how did you get the start button to show after you did display: hide; ?????

    Thanks

  3. I don't know why but the question I put in, doesn't appear! The text (question) that appears is from the .html. Does anyone know how to fix this?

  4. 1.0 fast, 0.75 still fast, 0.5 better, 0.25 fell asleep 😀😀😀 just joking! It has to be fast, otherwise you would sit and listen to for hours. Keep on doing! Thanks for your work!

  5. Nice quiz. It would be nice if you share how to share results via Facebook, including an og image, and other og meta data

  6. Thank you for this sir, but I get error at Script part which says:

    "script.js:2 Uncaught TypeError: Cannot read property 'addEventListener' of null at script.js:2"

    what could be wrong? i followed everything

  7. what if i don't want to use a next button instead when the user click an answer the quiz automatically go the next question ? if anybody has an idea please share it

  8. I really liked this video and I learned a lot from it. I just wished that you would build the app simply first and then add the complicated and extra features later. I mean the background colors were not that useful so it took me a while how to figure out how to take them out without the breaking the app. Thanks for the video though and learned from the color changes regardless of the fact that I'm not using it.

  9. Hi, nice video you've got here, I kinda need your help, I try to replicate the JS, but I keep getting an error, I've literally checked all through but I'm stuck. Can you help please? Thank you 🙏🏽

  10. Hello, I have a question for you. How can I define more than one variable name in the "for" loop with "js"? Thanks.

  11. i dont know, followed instructions to a t but mine looks very different…doesnt even work when i use his code off github

  12. Please how can I loop through multiple questions from the array of object?
    I'm not quite understanding the for each loop

  13. why u use question to access the questions object i mean how it doesnt create an error i thought you had to call the same name of the variable for the questions

  14. Jeez 0.75 is still to fast. Had to set it to 0.5 😀 Great tutorial as always,but you are in some serious hurry my friend 😀 Us noobs can`t follow you.

  15. wow bro you're very intelligent.. I've never seen coding like that.. i think i am outdated or maybe my mentor teach me in the wrong way.. your way of coding is super intelligent

LEAVE A REPLY

Please enter your comment!
Please enter your name here