There are various ways to to console info.

Here are some important methods of console API

console.log()

console.log(123); //number 
console.log("Hello World!"); //string 
console.log(10 + 20); //expression 
console.log(new Date()); //object

console.clear()

console.log(10); 

console.log("Hello World!"); 

console.clear(); console.log("All above logs cleared");

console.error()

let num1 = 10, num2 = 0;
if (num2 !== 0) {
console.log(num1 / num2);
}
else {
console.error("divided by 0");
}

console.assert()

console.assert(false, "Statement is false"); 

var num = 10; console.assert(num > 20, "Number is less than 20"); 

console.assert(25 === '25', "25 is not equal to '25'", { "SomeObject": 12345 });

console.table() :

const arr = ["a", "b", "c", "d", "e"];
console.table(arr);
const user = {
name: "Henry",
id: "iuA98",
age: 22
}
console.table(user);
o/p: user info in table format

console.time() and console.timeEnd()

console.time("trackLoop"); 

for (let i = 0; i < 10000; i++) { } 

console.timeEnd("trackLoop");

0/p: trackerLoop - 1ms

NaN is Not-A-Number.

There are five different types of operations that return NaN:
Number cannot be parsed (e.g. parseInt(“blabla”) or Number(undefined))
Math operation where the result is not a real number (e.g. Math.sqrt(-1))
Operand of an argument is NaN (e.g. 7 ** NaN)
Indeterminate form (e.g. 0 * Infinity, or undefined + undefined)
Any operation that involves a string and is not an addition operation (e.g. “foo” / 3)

ex:

isNaN(NaN); // true

isNaN(Number.NaN); // true NaN === NaN; // false Number.NaN === NaN; // false

What is the type of NaN?

The type of NaN, which stands for Not a Number is, surprisingly, a number. The reason for this is, in computing, NaN is actually technically a numeric data type. However, it is a numeric data type whose value cannot be represented using actual numbers

InnerHTML is a property of every element. It tells you what is between the starting and ending tags of the element, and it also let you sets the content of the element.

innerHTML will show the value and apply any HTML formatting.

Ex:

HTML:

<div id='content'> Hi this is awesome </div> 

js:

let ele= document.getElementById('content') ele.innerHTML='<h1>text changed </h1>' 

ouput:

 text changed 

(in h1 style) innerHTML apply any HTML formatting in string.

InnerText:

InnerText wont apply HTML formatting

ex:

let ele= document.getElementById('content') 
ele.innerText='<h1>text changed </h1>' 

output:

<h1>text changed </h1> (html formatting will not apply here. It is interpreted as String only)