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://technewsgator.com
Xem thêm bài viết khác: https://technewsgator.com/game/
i cant wait for css grid to work in ie11, then i can use it at work and my life will be so much easier
thank you so much, please make more videos about vanilla JS Projects
hey, is this tutorial for beginner? I'm beginner and i find it pretty hard to understand.Any suggestion??
I love it how you explain step be step how to make this.
How do you get the app on your iPhone?And then send it to someone?
Cool project 👌
Great work. but you just made it difficult to understand by shuffling the questions..
Cool man I always wanted to do that
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?
at 18:05, why question.question ?
Hey, this might be a bit old, but how did you get the start button to show after you did display: hide; ?????
Thanks
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?
Very nice explanation. thank you so much!
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!
dios, de verdad siento que te amo, creo que me salvastes el día
what is the extension it shows the definition of the codes?
Nice quiz. It would be nice if you share how to share results via Facebook, including an og image, and other og meta data
Nice Video👍
#ItsMD
Hello sir, very nice video, but it's your js code actually working on Angular?
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
Quiz codehttps://youtu.be/NKfb6dQFaZM
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
Thank you for this. You really made this simpler and easier to understand!
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.
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 🙏🏽
This is an excellent video. Super intelligent coding. I only wish the code could be copied or downloaded 🙂
Ok,I'm pretty sure i typed "simple javascript programs", but anyways great tutorial man!
Hello, I have a question for you. How can I define more than one variable name in the "for" loop with "js"? Thanks.
Plz tell me bro how to hack quz ans
i dont know, followed instructions to a t but mine looks very different…doesnt even work when i use his code off github
Please how can I loop through multiple questions from the array of object?
I'm not quite understanding the for each loop