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