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:

Please Login to comment...