Open In App

HTML DOM console.info() Method

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The console.info() method in HTML is used for writing a message in the console. It indicates an important message about any element or object. The message is sent as a parameter to the console.info() method.

Syntax:  

console.info( message )

Parameters: This method accepts a single parameter message which is mandatory and used to specify the information to be written on the console.

Example 1: Below program illustrate the DOM console.info() method in HTML:

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>DOM console.info() Method</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM console.info() 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="info_console()">
        View Message
    </button>
    <script>
        function info_console() {
            console.info
                ("GeeksforGeeks is a portal for geeks.");
        }
    </script>
</body>
 
</html>


Output: 

Example 2: Displaying an object while using the DOM console.info() method 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>DOM console.info() Method</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM console.info( ) 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="info_console()">
        View Message
    </button>
    <script>
        function info_console() {
            let MyElement =
                { Product: "Coca Cola", Type: "Beverage" };
            console.info(MyElement);
        }
    </script>
</body>
 
</html>


Output: 

Supported Browsers: The browser supported by the DOM console.info() method are listed below:  

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 4 and above
  • Opera 10.5 and above
  • Safari 3 and above


Last Updated : 03 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads