Tricky Trivia

• 

  Home

• 

  Home - scrolled

• 

  Example: English Question

• 

  Example: English Answer

I was inspired by random trivia questions.

Tricky Trivia is a questionnaire where users press a button and receive a multiple choice question. If they think they know the answer, they would flip the card, revealing whether or not they were right. There are multiple subjects to choose from, each with randomized questions. It can be for personal or group use.

I built it using html and css in replit. I also had to learn javascript to implement the flipcards.

I spent hours trying to use javascript to have the flipping option, especially only when clicking the button. Trying to style it was quite difficult because I couldn’t figure out specifically which line of code to adjust.

I am proud of being able to use javascript because I only knew html and css. In addition, I am pleased to finish my second individual project within a limited amount of time, especially with my sparse knowledge of coding.

I learned what javascript was used for and how to link it to html and css. Furthermore, I was able to adapt to the time limit by working productively and efficiently. By organizing my code, I would not become confused with where specific lines of codes are.

In the future, I would incorporate options for right/wrong instead of just flipping the cards so that the user would see their total scores. The flip button would then be a submit button, of which the back would confirm or deny the user’s accuracy (color coded by red/green). There would be additional information (fun facts, more about the topic, etc.) to each option (even the wrong ones) after they submit their answers. To continue, I would add more subjects and more questions to each subject.

Built With

• css3
• html5
• javascript