Build a Quiz App (5) – Create a Head's Up Display



Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development skills!

In this video, we will create a Heads Up Display (HUD) for our quiz app. This will display the user’s score and current question number.

### Course Content
https://github.com/jamesqquick/Build-A-Quiz-App-With-HTML-CSS-and-JavaScript

### Website
https://www.learnbuildteach.com/

### Course Links
*Learn VS Code* – https://www.udemy.com/learn-visual-studio-code/?couponCode=LEARNVSCODE10

Design and Build a Chat App with Socket.IO – https://www.youtube.com/watch?v=-0j_9LqsOkQ&list=PLDlWc9AfQBfbyGwhSlxg16mQGpGnauCwq

Core Fundamentals of Web Development – https://www.youtube.com/watch?v=EqWNTVu344o&list=PLDlWc9AfQBfaO1IX02_1L5MW2s9RyIgQ7

### Subscribe to the Learn.Build.Teach. Newsletter
https://www.learnbuildteach.com/

### Social Media
http://facebook.com/learnbuildteach

https://github.com/jamesqquick

Related Posts
Build a Quiz App (6) – Create a Progress Bar

Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development skills! In this video, we Read more

Build a Quiz App (10) – Fetch API to Load Local Questions

Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development skills! In this video, we Read more

Build MVP With Python Flask and ReactJS

The ability to make ideas come to life is what separates a thinker from a doer. Watch this talk to Read more

Build a Quiz App (9) – Load and Display High Scores from Local Storage

Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development skills! In this video, we Read more

1 thought on “Build a Quiz App (5) – Create a Head's Up Display”

  1. Hello James. Thank you very much for these video's, they are very informative. Quick question: I noticed you used the "hud-item" ID twice for different elements. I was under the impression that id's should not be re-used. Is that still the case or is it obsolete by now?

    Reply

Leave a Comment