Javascript: console.log to html

Question

I would like to write the console.log output to a div layer.

For example:

document.write(console.log(5+1)); //Incorrect, random example 

Can someone give me a solution to my problem?

Thank you.

EDIT:

what i meant is, for example:

console.log("hi"); 

and it shows the output "hi" on the screen.

Note: An example: http://labs.codecademy.com/#:workspace

Answer 1

You can override the default implementation of console.log()

(function () {     var old = console.log;     var logger = document.getElementById('log');     console.log = function (message) {         if (typeof message == 'object') {             logger.innerHTML += (JSON && JSON.stringify ? JSON.stringify(message) : message) + '<br />';         } else {             logger.innerHTML += message + '<br />';         }     } })(); 

Demo: Fiddle

Answer 2

Slight improvement on @arun-p-johny answer:

In html,

<pre id="log"></pre> 

In js,

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

Start using:

console.log('How', true, new Date());