console with js code example

Example 1: display console log in HTML

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

Example 2: what is console in javascript

var str = "Howdy GeeksforGeeks"
var geek = {
  book: "harrypotter",
  price: "2000"
};
var geek2 = [10, 20, 30];
console.log(str);
console.dir(str);
console.dir(geek);
console.log("geek (log) = ", geek);
console.dir(geek2);
console.log("geek2 (log) = ", geek2);

// Prints only string as dir() takes 
// only one parameter. 
console.dir("geek2 (dir) = ", geek2);

Example 3: html console text

<script>
  console.log('%c text', 'background:---; color:---; font-size:---;');
</script>

Example 4: javascript console

console.log('log-message'); // Outputs a normal information log to the console window
console.warn('warn-message'); // Outputs warning in the console window
console.error('error-message'); // Outputs error in the console window
console.table('table-message'); // Outputs a table of all the object properties

Example 5: how to use the javascript console

/*

shortcuts:

command K = clears the console
command shift M = toggle device toolbar
command shift C = select something on the page

you can also log in a variable you may have coded:

x;
[value of x at that moment]

if you're animating something:
noLoop();
[stops the animation]

loop();
[continues the animation]

you can also code somewhat intricate text:

for (var i = 0; i > 10; i++) {
	console.log([variable or anything]);
}
  
some functions are also available to use:

function mousePressed() {
	console.log([anything]);
}

function keyPressed() {
	noLoop(); [or anything else]
}

*/