dom logger / jsfiddle

jsFiddleConsole.js

/**
 * Originally based on http://www.kobashicomputing.com/send-your-console-output-to-the-result-pane-in-jsfiddle
 */

window.jsFiddleConsole = function() {
    var consoleDiv;
    consoleDiv = document.createElement('div');
    document.body.appendChild(consoleDiv);
   
    return {
        log: function(msg) {
          var para, text;
          para = document.createElement('p');
          text = document.createTextNode(msg);
          para.appendChild(text);
          consoleDiv.appendChild(para);
        }
    };
};

Logger.js

(function(context){
  // don't call until domready
  var getDefaultElement = (function () {
    var defaultElement;
    return function () {
      if (typeof defaultElement == 'undefined') {
        defaultElement = document.createElement('div');
        document.body.appendChild(defaultElement);
      }
      return defaultElement;
    };
  })();
  
  var Logger = function(name, element) {
    this.name = name;
    this.element = element || getDefaultElement();
  };

  Logger.prototype.log = function(msg) {
    var para, text;
    msg = this.name + ': ' + msg;
    para = document.createElement('p');
    text = document.createTextNode(msg);
    para.appendChild(text);
    this.element.appendChild(para);
  };
  
  context.Logger = Logger;
})(this);