JavaScript Console Magic

JavaScript Methods and the Developer Console

JavaScript methods are like tools in your coding toolbox...

1. console.log()

This is like leaving a friendly message...

console.log("printing message to the console");

2. console.warn()

Think of this as a caution sign...

console.warn("Issuing a warning message");

3. console.error()

When something goes seriously wrong...

console.error("Oops! Something went wrong.");

4. console.info()

Use this method to share helpful information...

console.info("Providing information");

5. console.assert()

Imagine you want to make sure that...

let a = 5;
console.assert(a === 10, "a is not equal to 10");

6. console.count() and console.countReset()

These are like counters...

console.count("Function Call");
console.count("Function Call");
console.countReset("Function Call");

7. console.time(), console.timeLog(), and console.timeEnd()

These methods help you measure...

console.time("Array Sorting");
const numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
numbers.sort();
console.timeLog("Array Sorting");
console.log("Array sorted!");
console.timeLog("Array Sorting");
console.timeEnd("Array Sorting");

8. console.group() and console.groupEnd()

Think of these as organizers...

console.group("Group A");
console.log("Message 1");
console.log("Message 2");
console.groupEnd();
console.group("Group B");
console.log("Message 3");
console.groupEnd();

9. console.table()

If you have complex data...

const data = [
    { name: "Alice", age: 25 },
    { name: "Bob", age: 30 },
    { name: "Charlie", age: 22 }
];
console.table(data);

10. console.clear()

When the console gets cluttered...

console.log("This message will be cleared.");
console.clear();