JavaScript Output

JavaScript Output defines the ways to display the output of a given code. The output can be displayed by using four different ways which are listed below:

1. innerHTML: It is used to access an element. It defines the HTML content.

Syntax:

document.getElementById("id").innerHTML;

Example: This example uses innerHTML to display the data. 

html

<h1>GeeksforGeeks</h1>
<h2>
  JavaScript Display Possibilities
  Using innerHTML
</h2>
<p id="GFG"></p>

<!-- Script to use innerHTML -->
<script>
  document.getElementById("GFG").innerHTML
    = 10 * 2;
</script>

Output:

2. document.write(): It is used for testing purpose. 

Syntax:

document.write()

Example: This example uses document.write() property to display data. 

html

<h1>GeeksforGeeks</h1>
<h2>
      JavaScript Display Possibilities
     Using document.write()
</h2>
<p id="GFG"></p>
<!-- Script to uses document.write() -->
<script>
      document.write(10 * 2);
</script>

Output:

3. window.alert(): It displays the content using an alert box. 

Syntax:

window.alert()

Example: This example uses window.alert() property to display data. 

html

<h1>GeeksforGeeks</h1>
<h2>
      JavaScript Display Possibilities
      Using window.alert()
</h2>
<p id="GFG"></p>
<!-- Script to use window.alert() -->
<script>
    window.alert(10 * 2);
</script>

Output:

4. console.log(): It is used for debugging purposes. 

Syntax:

console.log()

Example: This example uses the console.log() property to display data. 

html

<h1>GeeksforGeeks</h1>
<h2>
    JavaScript Display Possibilities
    Using console.log()
</h2>
<p id="GFG"></p>
<!-- Script to use console.log() -->
<script>
    console.log(10*2);
</script>

Output: