20 Feb JavaScript – Run First Script

In this lesson, we will create and run our first script in JavaScript. We can display the data or you can say print something in JavaScript using:

• document.write(): Used mostly for testing
• innerHTML: Preferred in Real World
• console.log(): For Debugging

document.write() in JavaScript

The document.write() is a method in JavaScript to print. It is mostly used for testing and not a preferred way. Using it on a web page loads the page slowly and is not considered a good approach.

Let us see an example to print in JavaScript using document.write():

Output

innerHTML in JavaScript

The innerHTML is a property to define the content in HTML. You can write into an HTML element using innerHTML. With that, the id attribute is also used to define that specific HTML element. This id is set in the following:

Let us see an example to implement the innerHTML in JavaScript:

Output

NOTE: In this complete tutorial, we will use the best approach i.e., innerHTML, since it loads the web page faster than using document.write().

console.log() in JavaScript

The console.log() method is used in JavaScript to display the data in the console. It is mainly used for debugging purposes.

Let us see an example to print using the console.log():

Output

To view the output on the console, press F12 on the web browser. Then, click the Console tab as shown below: