Skip to content
Related Articles

Related Articles

HTML | DOM console.clear() Method
  • Difficulty Level : Basic
  • Last Updated : 23 Jul, 2019

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:




<!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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :