Open In App

HTML DOM console clear() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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()

Example: The below program illustrates the console.clear() method in HTML:

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:

In the above example, we can see that the console is clear by double-clicking on the clear console button. 

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

  • Google Chrome 25
  • Edge 12
  • Firefox 39
  • Opera 12
  • Safari 7


Last Updated : 03 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads