This is a place for you to start building your personality quiz!
Your project should:
- Have at least three questions.
- Have at least two answers to each question that correspond to the quiz outcomes.
- Allow a person to select an answer by clicking a button.
- Display different outcomes for different combinations of answer selections.
You can extend your project further by:
- Adding more questions to your quiz.
- Customizing the look and feel with CSS.
- Allow a person to restart the quiz by clicking a button.
- Creating a button to update result instead of having it display unprompted.
- Disabling buttons after a person selects an answer.
Tell us where you found the image you are using! Make sure it is in the public domain, has a license that allows you to use it, or is one you took on your own. Check out archive.org, Pixabay, Unsplash, or Burst for free, uncopyrighted images.
That's this file. This is the place to tell people more about what your website does and how you built it.
HTML files are for content! Add your text, images, buttons, and more using HTML tags.
CSS files add styling rules to your content like changing colors and fonts.
JavaScript files add interactivity to your website using code. This is where you can listen for events, then take an action.
For Athena Award: My project is a personality quiz themed after the movie, Kpop Demon Hunters. It has 7 questions and 3 answer possibilities for each to determine if the player is most like the movie characters Rumi, Mira, or Zoey. The name of my project is, "Kpop Demon Hunters Personality Quiz". I created this quiz during the GWC Pathways 2025 program for the web development track, and I used the languages HTML, CSS and JavaScript. Originally, I wasn't sure what my quiz was going to be about, but I had just watched Kpop Demon Hunters for the first time, (I'm now obsessed) and I had the idea to create a, "Which Huntr/x member are you?" quiz. However, with 3 main outcomes instead of 2, I struggled a little with making the results equal enough to have a clear winner. My solution to this was the idea of tied results, where if a player chose answers that resulted in an eventual tie, they'd get a result of (Example: "You're a mix of ____ & ____!") I learned a lot about these 3 programming languages during this project, including how they interact with eachother. I also learned about button functionality in JavaScript and how to use the div tag.tag..
Drag in assets, like images or music, to add them to your project. You do not need to add anything to this folder unless you are working on the extensions. If you are adding an image, it is best to save it to your computer, then upload the file to the assets folder. The url of the image will be assets/example.jpg.