The console.group() method in HTML is used to create a group of messages in the console. It indicates the start of a message group and all the messages written after calling the console.group() method will write inside the message group. The label is sent as an optional parameter to the console.group() method.
Syntax
console.group( label )Parameters: This method accepts a single parameter label which is optional and used to specify the label for the group.
Example 1: The below program illustrates the console.group() method in HTML
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<title>DOM console.group() Method</title>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM console.group() Method</h2>
<p>
To view the message in the console
press the F12 key on your keyboard.
</p>
<!--Driver Code Ends-->
<script>
console.log("GeeksforGeeks offers the following courses :");
console.group();
console.log("1. fork python");
console.log("2. fork cpp");
console.log("3. fork java");
console.log("4. Interview preparation");
</script>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->
Output:
Example 2: Using the label parameter with the console.group() method
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<title>DOM console.group() Method</title>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM console.group() Method</h2>
<p>
To view the message in the console
press the F12 key on your keyboard.
</p>
<!--Driver Code Ends-->
<script>
console.log("GeeksforGeeks offers the following courses:");
console.group("Courses");
console.log("1. fork python");
console.log("2. fork cpp");
console.log("3. fork java");
console.log("4. Interview preparation");
</script>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->
Output:
