JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<h1>Konami Code Super Challenge</h1>

<p>The <a href="http://en.wikipedia.org/wiki/Konami_Code">Konami Code</a> is one of the most famous cheat codes in history.</p>

<p>&uarr; &uarr; &darr; &darr; &larr; &rarr; &larr; &rarr; B A</p>

<p>Your challenge: implement it in JS without consulting any other examples. The page should react in some way to input of the Konami code by the user. jQuery is allowed, but not required.</p>

CSS

body {
    background-color: hsl( 0, 0%, 20% );
    color: hsl( 0, 0%, 80% );
    font-family: monospace;
    font-size: 18px;
}

h1 {
    font-size: 36px;
    margin-bottom: 18px;
    text-shadow: 2px 2px 0 hsl( 0, 0%, 0% );
}

p {
    margin-bottom: 18px;
    text-shadow: 1px 1px 0 hsla( 0, 0%, 0%, 0.5 );
}

p:nth-of-type( 2 ) {
    font-size: 24px;
}

a {
    color: #999;
}