Log on

jsfiddle-logging

/*
 REQUIREMENTS:
 ---------
 1) JQuery is required
 2) Create a element with the id of "console-log" 
      EX: <div id="console-log"></div>
      
  USAGE:  
  ---------
  console.log('hello');
  
  OPTIONAL
  ---------
  Add a .console-line class, EX: 
  
  .console-line {
    font-family: monospace;
    margin: 2px;
  }
  
*/

console = {
    count: 0,
    consoleLine: "<p class=\"console-line\"></p>",
    log: function (par1) {

        $console = $("#console-log");
        
        if (par1 !== null && typeof par1 === 'object') {
            $console.append($(this.consoleLine).html(this.count+++': ' + JSON.stringify(par1)));
        }
        else {
             $console.append($(this.consoleLine).html(this.count+++': ' + par1));
        }
    }
};