SpeedWrite

by sinky

HTML

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<input type="text" id="i" autocomplete="off" />
<div id="log">

</div>

CSS

#i {
  font-size: 1.8em;
  padding: 1em;
  margin: 1em
}

JavaScript

function log(t) {
  $('<div/>').text(t).prependTo('#log');
}

$(function() {
  var $i = $('#i').focus();
  var timer = 0;
  var highscore = [];

  $i.on('keyup', function(e) {
    if (timer == 0) {
      timer = new Date();
    }
    if (e.which == 13) {
      var diff = new Date - timer;
      log('time ' + diff);
      if ($i.val() == 'gigabyte') {
        highscore.push(diff);
        log('highscore ' + Math.min.apply(null, highscore));
        log('--------');
      } else {
        log('# eingabe falsch ' + $i.val());
        log('--------');
      }
      timer = 0;
      $i.val('');
    }
  });
});