HTML | DOM console.log() Method
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.
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() { var 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
- Internet Explorer 8.0
- Firefox 4.0 and above
- Opera 10.5 and above
- Safari 3.0 and above
Please Login to comment...