Easter Egg

Hide some text on your page until you enter a sequence of keystrokes.

by Shaun Ellis

HTML

<p class="hello">Hello!</p>
<p class="goodbye">Goodbye!</p>

CSS

.goodbye {
    display:none;
}

JavaScript

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
    }
    return "";
}

// up,up,down,down,left,right,left,right
var kkeys = [], konami = "38,38,40,40,37,39,37,39";

var x = getCookie("test");
console.log(x);
if ( x ){
    $(".goodbye").show();
}

$(document).keydown(function(e) {
  kkeys.push( e.keyCode );
  if ( kkeys.toString().indexOf( konami ) >= 0 ){
    $(".goodbye").show();
    $(".hello").hide();
    document.cookie="test=1";
  }
});