Javascript Event Handler Puzzle in NOTEPAD++

Make a puzzle that is only solved when several events have happened.

Have several elements of your choosing on an HTML page. They can be headings, paragraphs, buttons etc.

Have a javascript file (or embed the javascript in the HTML file) and have function calls when various events occur to the HTML elements.

When a certain sequence of events and conditions have occurred, the puzzle is solved. Let the user know it is solved with an alert window. This will mean all required events have been triggered. I displayed an example in class. In my example in class I had a mouseover event for a heading, a double click for an empty div tag, and a click event for one value of a radio button. After all three of those events happened the puzzle was solved.

Rules:

You must use at least three different types of events

You must write a style sheet to style the page with CSS. I dont want to see unstyled pages

You must use more than one HTML element on the page not including the body and head tags.

You must make a different puzzle than the one I showed in class although it can still use the same HTML tags and event handlers just have it run differently from mine.