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:
<!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
<!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
- Apple Safari
- Firefox 4.0
- Opera
- Internet Explorer 8.0
leave a comment
0 Comments