Display console log data to a div

console_log_in_div.js

var consoleLog = document.getElementById('console_log');

console = {
    log: function (text) {    		
		let consoleLine = document.createElement('pre');
		consoleLine.setAttribute('class', 'console-line');
		consoleLine.innerText = (typeof text === 'object' ? JSON.stringify(text, null, 4) : text);
		consoleLog.appendChild(consoleLine);
    }
};

dom.html

<div id="console_log"></div>

style.css

.console-line
{
    font-family: monospace;
    margin: 2px;
}