HTML DOM console.log() Method


The HTML DOM console.log() method is used for writing a message to the console. The console is used for debugging and testing purposes mainly. The message can be a string type or an object type.

Syntax

Following is the syntax for the console.log method −

onsole.log(msg)

Here, msg can be a string, array or object. We can send multiple comma separated objects as parameter too.

Example

Let us look at an example for the console.log() method −

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.log() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="logConsole()">LOG</button>
<script>
   function logConsole(){
      console.log("Following are some animal names");
      var Arr1 = ["dog", "cat", "monkey", "lion" ];
      console.log(Arr1);
   }
</script>
</body>
</html>

Output

This will produce the following output −

On clicking LOG button and viewing the console −

In the above example −

We have first created a button LOG that will execute the logConsole() function upon being clicked by the user −

<button type="button" onclick="logConsole()">LOG</button>

The logConsole() function has the console.log() method inside it. We have first passed a simple string as a parameter to the console.log() method. Then we have passed an array of length 4 to the console.log(). It will print both the messages in the order they are in the document −

function logConsole(){
   console.log("Following are some animal names");
   var Arr1 = ["dog", "cat", "monkey", "lion" ];
   console.log(Arr1);
}

Updated on: 08-Aug-2019

4K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements