JavaScript | Output

28 Mar, 2019
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:
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:
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:
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:
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:
javascript-basics
Picked
JavaScript
Web Technologies
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.