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 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);
    const users = [
  { id: 1, name: "John Doe", age: 28, email: "john@example.com" },
  { id: 2, name: "Jane Smith", age: 32, email: "jane@example.com" },
  { id: 3, name: "Bob Johnson", age: 45, email: "bob@example.com" }
];

console.table(users);

const products = [
  { id: 1, name: "Product 1", price: 10 },
  { id: 2, name: "Product 2", price: 20 },
  { id: 3, name: "Product 3", price: 30 }
];

console.table(products, ["name", "price"]);

const person = {
  name: "John Doe",
  age: 30,
  address: {
    street: "123 Main St",
    city: "Anytown",
    country: "USA"
  }
};

console.table(person);

const data = [
  { id: 1, name: "Product 1", price: 10.99, quantity: 5 },
  { id: 2, name: "Product 2", price: 19.99, quantity: 8 },
  { id: 3, name: "Product 3", price: 7.5, quantity: 3 }
];

console.table(data, [], ["id", "name", "price", "quantity.toFixed(2)"]);

const csvData = `
Name,Age,Country
John Doe,30,USA
Jane Smith,25,Canada
Bob Johnson,45,UK
`;

const parsedData = csvData.trim().split('\n').map(row => {
  const [name, age, country] = row.split(',');
  return { name, age: parseInt(age), country };
});

console.table(parsedData);
// Example data for console.table
const users = [
  { id: 1, name: "John Doe", age: 28, email: "john@example.com" },
  { id: 2, name: "Jane Smith", age: 32, email: "jane@example.com" },
  { id: 3, name: "Bob Johnson", age: 45, email: "bob@example.com" }
];

// Example usage of console.log
console.log("Hello, world!");
console.log(42);
console.log({ name: "John", age: 30 });

// 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 usage of console.assert
console.assert(2 + 2 === 5, "Math is broken!");

// Example usage of console.clear
console.clear();

// Example usage of console.count
console.count("Count");
console.count("Count");
console.count("Count");

// Example usage of console.group
console.group("Group");
console.log("Inside group");
console.warn("Inside group");
console.error("Inside group");
console.groupEnd();

// Example usage of console.groupCollapsed
console.groupCollapsed("Collapsed Group");
console.log("Inside collapsed group");
console.warn("Inside collapsed group");
console.error("Inside collapsed group");
console.groupEnd();

// Example usage of console.time and console.timeEnd
console.time("Timer");
for (let i = 0; i < 1000000; i++) {
  // Some time-consuming operation
}
console.timeEnd("Timer");

// Example usage of console.trace
function outerFunction() {
  innerFunction();
}

function innerFunction() {
  console.trace();
}

outerFunction();

</script>
</body>
</html>