The console.log() method in HTML is used for writing a message in the console. It indicates an important message during testing of any program. The message is sent as a parameter to the console.log() method.
Syntax:
console.log( message )
Parameters: This method accepts single parameter message which is mandatory and used to specify the information to be written on the console.
The below programs illustrate the console.log() method in HTML:
Example 1:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM console.log() Method</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM console.log() Method</h2>
<p>
To view the message in the console
press the F12 key on your keyboard.
</p>
<p>
To view the message, double click
the button below:
</p>
<br>
<button ondblclick="log_console()">
View Message
</button>
<script>
function log_console() {
console.log
("GeeksforGeeks is a portal for geeks.");
}
</script>
</body>
</html>
|
Output:
Console View:
Example 2: Displaying an object while using console.log() method
html
<!DOCTYPE html>
<html>
<head>
<title>DOM console.log() Method</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM console.log( ) Method</h2>
<p>
To view the message in the console
press the F12 key on your keyboard.
</p>
<p>
To view the message, double click
the button below:
</p>
<br>
<button ondblclick="log_console()">
View Message
</button>
<script>
function log_console() {
let MyElement = {
Product: "Coca Cola",
Type: "Beverage"
};
console.log(MyElement);
}
</script>
</body>
</html>
|
Output:
Console View: 
Supported Browsers: The browser supported by console.log() method are listed below:
- Google Chrome 1.0 and above
- Edge 12.0 and above
- Firefox 4.0 and above
- Opera 10.5 and above
- Safari 3.0 and above