Devlog #3: I updated the User Interface which looks MUCH better (after some troubleshooting) :D

Overview:

• Significantly upgraded user interface so it’s actually interactive
• My website is a website that has flashcards for people to learn about cool space facts, and there is a quiz at the bottom for people to test their skills!

Challenges:

• The biggest challenge for me this time was the User Interface. Before, the UI was pretty basic, and so the HTML and JavaScript had pretty simple variables and id’s for the styling in the CSS. But, when I went to upgrade, I had to change a bunch of variables, but I got it done.
• One challenge in particular was adding a progress bar to my quiz. Since I already had a structure inside my HTML and CSS, putting it there was not a problem. I thought I had it in the right spot for JavaScript. I was wrong. I spent 20 minutes debugging, then finally found out that it was in the wrong spot the whole time. It was in the function nextQuestion(index) instead of showQuestion(index).

Lessons Learned:

• Keep a close eye on which function is which and keep code organized
• Debug carefully and don’t mix up different parts of the code

Looking forward:

• I hope to publish this on GitHub now, thanks for following my project!!