Blank Slate

by DaveAlger

HTML

<hr/>
<div id="out"></div>
<button id="go">GO</button>

CSS

body{background: #444444; color: white;}
hr{margin:20px 0px 20px 0px; border: 1px dashed silver;}
a{font-size:2em;color:silver;}
.list-item { padding: 8px; margin: 4px 100px 4px 100px; border: 2px solid #eee; cursor: pointer; background: #abc;}
#item-close{ float: right; font-family: sans-serif; font-weight: bold; color: white; background: silver; border: 1px solid #999; padding: 2px 6px 0px 6px;}
#item-close:hover{ background: #ccc;}

JavaScript

$(document).ready( function() {
    $('#go').bind('click', function() {
        var a = [ 6, 8, 7, 7, 8, 1, 7, 7, 7, 7 ];
        
        var o = ' start: | ';
        
        var i = 10;
        
        while ( i-- ) {
            o += a[9-i] + ' | ';
        }
        
        o += '<br/>';
        
        $('#out').append( o );
    });
});