two-item web quiz template

Post date: 2020-10-28 08:09:19

I've got an idea for a little web "quiz". It would be kind of similar to the original Facemash where two photos are displayed and the user selects one. There was a time when I could have written this myself, but I haven't written code in a long time, and I don't have a lot of free time to get back on the proverbial bike right now. It seems like this is something that someone else has already done, and I could just plug my photos and text into, doesn't it?

To give a really basic use case, imagine there are two photos, and the user is instructed to select the one that shows more of a particular item. One of the photos has four items, the other has 13. The one with 13 would be the correct answer.

My snowflakey complication is that I would like to add an explanatory note after each selection. If the user selects 13, it could just display "Correct!", but if the user selects four, it would display "Incorrect. The photo on the right shows 4 items and the photo on the left shows 13 items. 13 is greater than 4, so the option on the left is correct." This is why I couldn't just set up a Google Form or something. (Or could I?)

I don't need to store responses, even from one question to the next (in fact I would prefer not to), and I don't need any sort of scoring system. It's supposed to be fun, not a test. I would prefer a solution that I could style fairly extensively, and host on my own site and maybe plug in to an existing page if possible. Those last two aren't dealbreakers, though. Free is preferred. Does something like this exist?

Please click Here to read the full story.