A JavaScript coding challenge for Full Stack Coding Boot Camp.
This was a tough challenge for me. I put in a lot of hours researching different ways to approach a JavaScript quiz application, the set interval method in the HTML DOM API, how to use the HTML DOM API generally, as well as how to use the Web Storage (Local Storage) API. I had to write and rewrite my code quite a few times to get everything working. At one point, I had to comment out all my code and go back through it one step at a time because I was getting a lot of errors regarding my variables.
One of the main challenges I encountered was understanding how the Local Storage API works. I could not get any of it to function until I started studying some tutorials that went step-by-step through how to use the Local Storage API. Also, I was going to store the high scores on a second HTML page; however, I could not figure out how to get my JavaScript and the local storage to work between two different web pages. In the end, I stuck with one web page that has functionality to show and hide the high scores container.
I also spent a lot of time going over the code in the activities we were given in class during Module 4: Web APIs. The code regarding the HTML DOM API set timer method was very useful. I ended up studying it a lot, going through it step-by-step, and altering some of it (particularly the code from 09-Ins_Timers-Intervals and 10-Stu_Timers-Intervals) to work within my own code. I also studied and modified the code in the storage todos examples (25-Ins_Local-Storage-Todos and 26-Stu_Local-Storage-Todos).
HTML, CSS, JavaScript, HTML DOM API, Web Storage API, Git, GitHub, VS Code, Chrome, Firefox
This project is licensed under the MIT License.
- JavaScript DOM Tutorial by The Net Ninja
- setInterval() on MDN
- HTML Button Link Code Examples – How to Make HTML Hyperlinks Using the HREF Attribute on Tags by Jessica Wilkins on freeCodeCamp
- Build A Quiz App With JavaScript by Web Dev Simplified
- How to create a Simple JavaScript Quiz? on GeeksforGeeks
- How to Use Local Storage with JavaScript by Tania Rascia
- How to Use Local Storage with JavaScript by Michael Barasa
- JavaScript LocalStorage: a Complete Guide by Subha Chanda on Meticulous