Salida de JavaScript

En algunos casos, es posible que necesite generar salida desde el código JavaScript. Por ejemplo, es posible que desee ver el valor de una variable o escribir un mensaje en la consola del navegador para ayudar a depurar problemas en el código JavaScript que se está ejecutando, etc.

En este tutorial, aprenderá cómo generar salida en JavaScript.

Métodos de generación de salida de JavaScript

JavaScript puede mostrar datos de diferentes maneras:

• Escribir en un elemento HTML usando innerHTML

• Escribir en el flujo del documento usando document.write();

• Mostrar un cuadro de alerta usando window.alert()

• Escribir en la consola del navegador usando console.log();

Usar innerHTML

Puede usar la propiedadinnerHTMLpropiedades para escribir o insertar salida dentro de un elemento HTML.

Pero, antes de escribir la salida, necesitamos usargetElementById()y métodos similares para seleccionar elementos.

<p id="msg"></p>
<p id="output"></p>
<script>
document.getElementById("msg").innerHTML　=　"Hola　Mundo";
document.getElementById("output").innerHTML　=　20　+　30;
</script>

Usar innerHTML para cambiar el contenido HTML de un elemento, es un método común para mostrar datos en HTML.

Usar document.write()

Sólo puede usardocument.write();El método parsea el contenido al documento actual.

<script>
document.write("Hola mundo<br>");
20　+　30);
</script>

Sidocument.write();Usa este método después de que se cargue la página, que cubrirá todo el contenido existente en el documento.

<script>
function myFunc() {
　　　document.write("<p>test document.write().</p>
}
</script>

Use window.alert()

También puede usar el cuadro de diálogo de alerta para mostrar mensajes o datos al usuario.

Usealert();El método crea un cuadro de diálogo de alerta.

<button onclick="alert('Hello world');">alert</button>/button>

Use console.log()

Puede usarconsole.log();Métodos fáciles para enviar mensajes o escribir datos en la consola del navegador.

Esta consola se puede usar para propósitos de prueba o depuración.

<script>
console.log("Hello world");
console.log(20　+　30);
</script>

Para acceder a la consola del navegador web, primero presioneF12Las teclas en el teclado para abrir las herramientas de desarrollador, luego haga clic en la pestaña Consola.

En la parte posterior de este tutorial, aprenderá más sobre la depuración.