Hey! For this Girls Who Code project I wanted to expand on the task given and had a goal to create a quiz more similar to buzzfeed quizes in which you could select different options, keep selecting. Optimally I would have figured out how to make it work without needing next buttons but some of my code bugged when multiple questions were available. Nevertheless it was fun to try to figure out how to get it working. It started out like the tutorial videos but eventually a lot of the code in the original wasn't needed when different functions were added. I also wanted to make it work without using ids for. theselections as I had 99 options(ah!) so making work with classes was also an interesting challenge. Hope you enjoy the muisc and fits! <3
Here are all the variants of the quiz/earlier versions:
- https://replit.com/@piggysweettooth/Testing-Quiz#README.md (works without selecting the same/different buttons twice in the same questions ~ following videos w/ classes instead of ids)
- https://replit.com/@piggysweettooth/Quizz-id-test (early stage of button switching - hidden/visible instead of none/initial display)
- https://replit.com/@piggysweettooth/Quiz-Select-Test#script.js (trying to select and deselect buttons ahh)
- https://replit.com/@piggysweettooth/Personality-Quiz-Starter-Code#README.md (first!)
Question One:
Question Two:
Question Three:
Question Four:
Question Five:
Question Six:
Question Seven:
- Portishead
- Crumb
- Zeph
- Imogen Heap
- 070
- Steve
- Enya
- KP
- Loveholics
- Dodie
- Kero Kero Bonito
Question Eight:
Question Nine:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
