For this literary elements quiz, I used the provided template and pulled content from a Blooket I use in my class on the first day to review literary elements and terms. For the HTML, I changed the colors of the quiz and I changed the fonts so there would be a balanced mixture of both Serif and Sans Serif fonts. I also added a few breaks within to space out the elements and avboid overcrowding, and I inserted codes for the stacked book emojis on the title. In Javascript, I added five more questions using my question set and made sure to shuffle the answers sufficiently enough that there wouldn't be too strong a pattern of same-letter answers for multiple questions. I also set up immediate feedback for quiz takers just below the questions. For my first Javascript activity, I very much enjoyed it!


lit quiz image
Play Now

My second quiz was in a Drag-N-Drop style which was different from the first quiz since it used a CSS along with an HTML template. I created a color palette that matched that of the first quiz, as well as similar fonts to have some visual unity. I centered elements within the containers and changed borders and colors to reflect correct and incorrect answers. I softened the feedback colors so they would match better visually with the quiz itself. I then pulled content from notes I have given students this semester in an effort to turn this project into an additional element for my students to use for review. Ultimately, working with a CSS for the firs time was a challenge, but this assignment was straightforward in nature, so it ended up being helpful in the long run as understanding the CSS and the elements included made more sense in the end.


drag n drop image
Play Now