show console output on web page

HTML View of Console.log output

  <pre id="log"></pre>
  <script>
    (function() {
        var old = console.log;
        var logger = document.getElementById('log');
        console.log = function() {
          for (var i = 0; i < arguments.length; i++) {
            if (i > 0) {
              logger.innerHTML += " ";
            }
            if (typeof arguments[i] === 'object') {
              logger.innerHTML += (JSON && JSON.stringify ? JSON.stringify(arguments[i], undefined, 2) : arguments[i]);
            } else {
              logger.innerHTML += arguments[i];
            }
          }
          logger.innerHTML += "<br />";

          old.apply(console, arguments);
        };
    })();

 console.log("Does","this","work");
 console.log("Yes it does");
  </script>

Note need to base this off of original at: https://github.com/pmed/v8pp/blob/master/plugins/console.cpp