03-Salida (output) en javascript

Javascript puede tener varias salidas (output)

  • Escribiendo en un elemento HTML, usando innerHTML.
  • Escribiendo en la salida HTML usando document.write().
  • Escribir en un cuadro de alerta, usando window.alert().
  • Escribiendo en la consola del navegador, usando console.log().



Uso de HTML interno

Para ceder a un elemento html javascript puede usar el metodo document.getElementById(id)

El atributo id define el elemento HTML

La propriedad innerHTML define el conteudo html

codigo del ejemplo

        <!DOCTYPE html>
        <html>
        <body>
        
        <h1>Mi primera pagina web</h1>
        <p>Mi primero parrafo</p>
        
        <p id="demo"></p>
        
        <script>
        document.getElementById("demo").innerHTML = 5 + 6;
        </script>
        
        </body>
        </html> 
    

Cambiar la propiedad innerHTML de un elemento HTML es una forma común de mostrar datos en HTML.





...

Usando document.write():

ejemplo

        <script>
document.write(5 + 6);
</script>
    

El uso de document.write() después de cargar un documento HTML, eliminará todo el HTML existente :

ejemplo

            <!DOCTYPE html>
            <html>
            <body>
            
            <h1>My First Web Page</h1>
            <p>My first paragraph.</p>
            
            <button type="button" onclick="document.write(5 + 6)">Try it</button>
            
            </body>
            </html> 
        

El método document.write() solo debe usarse para pruebas.

window.aler

Usnado el metodo window.aler abre una ventana de javascript y muestra el resultado

ejemplo de codigo

 <script>
 window.alert(5 + 6);
 </script>
        

En javascript la palabra window es un onjecto de alcance global. esto quiere decir que no es necessario usar esa palabra para proceder a realizarse el efecto

ejemplo de codigo

 <script>
 alert(5 + 6);
 </script>
        



usando console.log()

Se usa el metodo console.log() para depurar el codigo en el navegador


Imprimir JavaScript

JavaScript no tiene ningún objeto de impresión o métodos de impresión.

La unica excepcion que se puede llamar es el metodo window.print() que se usa para imprimir el conteudo de la ventana actual

Ejemplo de codigo

<button onclick="window.print()">Print this page</button>
    




Publicar un comentario

0 Comentarios