Commands in UNIX like form

by Joe Saad

HTML

-bashJOE-3.2$ <input type="text" id="commands" >
    
<div id="list"></div>

CSS

body {background-color: black; color:#fff; font-family:courier;}
#commands {width: 300px; border:0px;background-color: #000; color: #fff; font-family:courier}
#commands:focus{border:0px solid red;}
#list {display: block;}

JavaScript

var arr = [], 
    cmdOrder=0;

/*
$('input').keypress(function(e){
   // keypress doesnot work with some keys on Chrome
});
*/

$(document).on('keydown', 'input', function(e){
    if (e.keyCode == 13) {
        arr.push($('#commands').val());
        $('#commands').val('');
        $('#list').text(JSON.stringify(arr));
    }  
    
    
    if (e.keyCode == 38) {
        cmdOrder = cmdOrder+1;
        $('#commands').val(arr[arr.length-cmdOrder]);
    }
    
    if (e.keyCode == 40) {
        cmdOrder = cmdOrder-1;
        $('#commands').val(arr[arr.length-cmdOrder]);
    }
});