JavaScript | Output

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.

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>                    

    chevron_right

    
    

    Output:

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

    Syntax:

    document.write()

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



    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>                    

    chevron_right

    
    

    Output:

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

    Syntax:

    window.alert()

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

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>                    

    chevron_right

    
    

    Output:

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

    Syntax:

    console.log()

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

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>                    

    chevron_right

    
    

    Output:

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.