Question

I want to insert a surprise “easter egg” on my website for my girlfriend. Basically, I want it so that if I type in the letters “K, I, M” in that order, a div activates on my site. Is this possible? Are there any tutorials that may explain this or get me started? Any help at all would be appreciated. Thank you.

Answer 1

EDIT

I’ve updated this after looking at ManseUK’s updated fiddle (thanks ManseUK!), note that the code now checks for the reverse of KIM (MIK) before showing the easter egg. The easter egg will still be shown after the user types ‘KIM’ though

Something like this should put you on the right path –

<div id="easterEgg" style="display:none">Easter Egg!</div>

var test = '';
$("body").keyup(function(event)
{ 
    var c= String.fromCharCode(event.keyCode);
    test = c + test ;
    if (test.length > 2) test = test.substr(0,3) 
    if(test == 'MIK') $("#easterEgg").show();
});

Demo – http://jsfiddle.net/jRSEu/1/