Raja Muhammad Asher
Raja Muhammad Asher

Raja Muhammad Asher

What is a console.log in JavaScript?

Photo by Gabriel Heinzer on Unsplash

What is a console.log in JavaScript?

Raja Muhammad Asher's photo
Raja Muhammad Asher
·Feb 28, 2022·

2 min read

Table of contents

  • 1. Strings
  • 2. Variables
  • 3. Objects
  • 4. HTML elements

The console.log() method is mainly used for debugging in JavaScript. It outputs a message to the web console. All modern web browsers provides support for it.

1. Strings

You can write anything to the web console by passing it as a string. For example,

console.log string example

This will print I am here to the web console of the browser you are using. Here is the screenshot of the output when run in the JavaScript replit

console.log string output

2. Variables

In addition to strings, you can log variables to inspect their values in the web console. Referring to our sum example, we can inspect the values of individual variables or all the variables.

console.log variable example

It will print 10 for a and 20 30 for b and sum.

console.log variable output

You can log strings and variables together in the web console.

console.log variable & string example

3. Objects

While working with APIs, you may need to inspect the value of any object returned in a JSON response. You can log it to the web console.

console.log object example

4. HTML elements

You can log any html element in the web console to inspect its values.

console.log html element example

The output in the web console would be

console.log html element output

These are most often uses of console.log() in JavaScript. If you have used it in different use cases, then do share with us in the comments. Happy Coding!

 
Share this