Linking this at the bottom allows the web page and HTML content to load before executing JavaScript. It doesn't make sense for the "calculating part" to happen until the page loads.
I wrote a buzzfeed quiz based on what type of Varsha someone is: lazy varsha, healthy varsha, hardo varsha, and sadboi varsha. I chose the 2nd option for the choose your own adventure. I calculated my results by using numerical values and selecting the "type of varsha" according to the sum of the checkbox values.
I really liked using flexbox and I think I've gottem a hang of it over the past two labs.
I had a lot of fun styling these quizzes. It's pretty rare to get to design websites that are funny. I liked using a brigher color scheme.
Using "this" was very challenging for me, but I ended up figuring it out for my opacity function. I was pretty proud of that part.
I tried for a while to get the JSON file to work, but didn't have enough time to finish this portion.
The Landing Page has some paralax Scrolling that you can see when you click on the button.
I made my landing page on figma. I also made some of my pictures on Figma as well (such as the ones in the first question).
My buttons animate when you hover and click on them. The hover animation is a fade while the clicking animation is a border. I made the textboxes animate with java script and I made the images animate with CSS.
When you click start, the page scrolls down.
On my landing page, I got my header to flash different colors.
Made my modals slide down when animating.
