TOP

Instructions

Try to guess the passcode. Press the keys and hit ENTER. The system will give you hints as you get closer. You will get just ten tries.

Please try not to trigger the self destruct mechanism!


TOP

About This Demo

This demo highlights a simple front-end design that collects keypress inputs and passes the entry via jQuery to a backend PHP script for passcode authentication. Several things are demonstrated through the process. Here is a list of the relevant skills displayed.
  • Code Separation: HTML, CSS, JavaScript/jQuery and PHP
  • A Simple CSS Flex layout
  • jQuery event handling
  • A jQuery AJAX call
  • PHP Server Side Scripting
  • Audio Editing
View the code with the following links: Credits: Victory Song is a portion from "Renaissance (edit)" by Aerologic
Animated GIFS are free from the web.