Online Trivia Quiz
As you can see, this an online trivia game base on the popular Harry Potter franchise. It is a fairly remarkable feat of ES5, vanilla javaScript and DOM traversal. It’s also a lot of fun! Players can choose between 2- or 4-minute games. The goal is to answer as many correctly within that time interval. Each wrong answer will deduct 15 seconds from your remaining time. Players can store their high scores in the browser’s local storage for comparison.
A file manifest:
index.html app.js questions.js LICENSE README.md style.css, Mics Audio sound clips
Deployed application site:
https://drthisguy.github.io/04-Harry-Potter-Trivia-Game/
Screen grabs:
https://user-images.githubusercontent.com/48693333/70770006-b8dc2d00-1d39-11ea-9546-937bc84dc49c.png
https://user-images.githubusercontent.com/48693333/70770036-d3aea180-1d39-11ea-99e5-9fa650052a62.png
https://user-images.githubusercontent.com/48693333/70770066-f04ad980-1d39-11ea-9db3-9100424376fc.png
Contact: page.c.tyler@gmail.com
Known issues. there should be fairy decent cross-browser compatibility here. The Marauders Map fade-in effect should work on standards browser and Safari. It probably won't work on ie.
sources:
https://developer.mozilla.org, w3school.com google.com stackoverflow.com bootstrap.com http://beautifytools.com https://validator.w3.org/nu codepen.io https://www.webtrainingcentre.com/