Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM console.clear() Method

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 04 Jul, 2022
Improve Article
Save Article

The console.clear() method in HTML is used to clear the console and writes some message “Console was cleared” on the console whenever it is executed. This method does not require any parameter. 

Syntax:

console.clear()

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

Example: 

html




<!DOCTYPE html>
<html>
    <head>
        <title>DOM console.clear() Method in HTML</title>
        <style>
            h1 {
                color:green;
            }
            h2 {
                font-family: Impact;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>DOM console.clear() Method</h2>
        <p>To view the message in the console press the F12
        key on your keyboard.</p>
        <p>
           To clear the console, double click
           the button below:
        </p><br>
        <button ondblclick="clear_console()">
           Clear Console
        </button>
        <script>
            console.log("GeeksforGeeks is a portal for geeks!");
            function clear_console() {
                console.clear();
            }
        </script>
    </body>
</html>                   


Output:

 

Console View on Pressing the Key F12: 

 

See console view after double click on the clear button: 

 

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

  • Google Chrome 25
  • Edge 12
  • Internet Explorer 8
  • Firefox 39
  • Opera 12
  • Safari 7

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!