A base fiddle with an HTML "Console Log"

by jasonkylefrank

HTML

<script src="http://documentcloud.github.io/underscore/underscore-min.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-2.3.0.debug.js"></script>
<div id='log'></div>

CSS

div#log { 
    background: #5f5f5f; border-bottom: 1px solid #afafaf; 
    width: 100%;         height: 100px; 
    overflow: scroll;  
    font: 11px verdana;  color: white; 
    padding: 2px 5px; 
}
div#log p { 
    margin: 0px 0px 3px 0px;
}

JavaScript

var log = function(txt) 
          { $("div#log").append("<p>"+txt+"</p>"); };
                          
_.delay(log, 1000, "hello world");
                          
log('dom ready');