JavaScript | Output - GeeksforGeeks

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

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

Syntax:

document.getElementById(id)

Example: This example uses innerHTML to display the data.

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        JavaScript Output using innerHTML 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <h2> 
        JavaScript Display Possibilities 
        Using innerHTML 
    </h2> 
  
    <p id="GFG"></p> 
      
    <!-- Script to uses innerHTML -->
    <script> 
        document.getElementById("GFG").innerHTML 
                = 10 * 2; 
    </script> 
</body> 
  
</html>                     

Output:

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

Syntax:

document.write()

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

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        JavaScript Output using document.write() 
    </title> 
</head> 
  
<body> 
    <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> 
</body> 
  
</html>                     

Output:

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

Syntax:

window.alert()

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

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        JavaScript Output using window.alert() 
    </title> 
</head> 
  
<body> 
    <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> 
</body> 
  
</html>                     

Output:

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

Syntax:

console.log()

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

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        JavaScript Output using innerHTML 
    </title> 
</head> 
  
<body> 
    <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> 
</body> 
  
</html>                     

Output:

My Personal Notes

Sep	OCT	Nov
	21
2019	2020	2021

Recommended Posts: