Open In App

HTML DOM console clear() Method

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:




<!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:


Article Tags :