Recipe 16.5

Using Console Groups

Demo

Check the console for output. You may need to refresh the page after opening the console.

Code

JavaScript
const users = [
  { id: 1, firstName: "John", lastName: "Smith", department: "Sales" },
  { id: 2, firstName: "Emily", lastName: "Johnson", department: "Marketing" },
  { id: 3, firstName: "Michael", lastName: "Davis", department: "Human Resources" },
  { id: 4, firstName: "Sarah", lastName: "Thompson", department: "Finance" },
  { id: 5, firstName: "David", lastName: "Wilson", department: "Engineering" }
]; 

console.log('Updating user data');
for (const user of users) {
  console.group(`User: ${user.firstName} ${user.lastName}`);
  console.log('Loading employee data from API');
  console.log('Updating profile');
  console.log('Saving user data');
  console.groupEnd();
}
HTML
Check the console for output. You may need to refresh the page after opening the console.
Web API Cookbook
Joe Attardi