Tutorialspoint.dev

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

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


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter