JavaScript | Producción

La salida de JavaScript define las formas de mostrar la salida de un código determinado. La salida se puede mostrar utilizando cuatro formas diferentes que se enumeran a continuación:

  • innerHTML: Se utiliza para acceder a un elemento. Define el contenido HTML.

    Sintaxis:

    document.getElementById(id)

    Ejemplo: este ejemplo usa innerHTML para mostrar los datos.

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

    Producción:

  • document.write(): se utiliza con fines de prueba.

    Sintaxis:

    document.write()

    Ejemplo: este ejemplo usa la propiedad document.write() para mostrar datos.

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

    Producción:

  • window.alert(): Muestra el contenido mediante un cuadro de alerta.

    Sintaxis:

    window.alert()

    Ejemplo: este ejemplo usa la propiedad window.alert() para mostrar datos.

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

    Producción:

  • console.log(): se utiliza con fines de depuración.

    Sintaxis:

    console.log()

    Ejemplo: este ejemplo usa la propiedad console.log() para mostrar datos.

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

    Producción:

Publicación traducida automáticamente

Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *