Home › HTML › JS

[JS] Print console log into div

Written By Dimas Lanjaka Kumala Indra Wednesday, 6 February 2019 Add Comment Edit

HTML

<div id="debug"></div>

Pure Javascript

(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 />';
        }
    }
})();

Using jQuery

// Using jQuery
if (typeof console  != "undefined") 
    if (typeof console.log != 'undefined')
        console.olog = console.log;
    else
        console.olog = function() {};

console.log = function(message) {
    console.olog(message);
    $('#debug').append('<p>' + message + '</p>');
};
console.error = console.debug = console.info =  console.log