Tutorialspoint.dev

HTML | DOM console.groupEnd() Method

The console.groupEnd() method in HTML is used to indicate the end of a group of messages in the console which has been created using the console.group() method. This method does not accepts any parameter.

Syntax:

console.groupEnd()

Below program illustrates the console.groupEnd() method in HTML:

Example:

<!DOCTYPE html>
<html>
    <head
        <title>DOM console.groupEnd() Method</title
        <style
            h1 { 
                color:green; 
            
            h2 {
                font-family: Impact;
            }
            body { 
                text-align:center; 
            
        </style
    </head>
    <body>
        <h1>GeeksforGeeks</h1
        <h2>DOM console.groupEnd() Method</h2
        <p>To view the message in the console press the F12
        key on your keyboard.</p>
        <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");
            console.groupEnd();
            console.log("GeeksforGeeks offers tutorials on the " +
            "following data structures :");
            console.group("Data Structures");
            console.log("1. Array");
            console.log("2. Linked List");
            console.log("3. Stack");
            console.log("4. Queue");
            console.groupEnd();
        </script>
    </body>
</html>                    

Output:

Console View:

Supported Browsers: The browser supported by console.groupEnd() method are listed below:

  • Google Chrome
  • Apple Safari 4.0
  • Firefox 4.0
  • Opera
  • Internet Explorer 11.0


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter