Code Editor

<!DOCTYPE html>
<html>
<head>
  <title>Console Log Example</title>
</head>
<body>
  <h1>Console Log Example</h1>

// Example 2: Logging numbers
    console.log(42);

// Example 3: Logging boolean values
    console.log(true);

// Example 4: Logging objects
    const person = { name: "John Doe", age: 30 };
console.log(JSON.stringify(person));

// Example 5: Logging arrays
    const numbers = [1, 2, 3, 4, 5];
    console.log(numbers);

// Example 6: Logging multiple values
    const firstName = "John";
    const lastName = "Doe";
    console.log("First Name:", firstName, "Last Name:", lastName);

// Example 7: Logging expressions
    const x = 10;
    const y = 20;
    console.log("Sum:", x + y);

// Example 8: Logging function output
    function multiply(a, b) {
      return a * b;
    }
    console.log("Result:", multiply(5, 7));

// Example 9: Logging a timestamp
    console.log("Current time:", new Date().toLocaleTimeString());

// Example 10: Logging CSS styling
    console.log("%cStyled text", "color: blue; font-weight: bold;");
// Example usage of console.error
console.error("An error occurred!");

// Example usage of console.warn
console.warn("This is a warning!");

// Example usage of console.info
console.info("This is an informational message!");

// Example usage of console.debug
console.debug("This is a debug message!");

// Example 11: Logging a table
    const users = [
      { id: 1, name: "John Doe", age: 28 },
      { id: 2, name: "Jane Smith", age: 32 },
      { id: 3, name: "Bob Johnson", age: 45 }
    ];
    console.table(users);
    
  </script>
</body>
</html>

Output

Console