Es posible que necesite Mostrar salida de tu Javascript código en ciertas situaciones. Por ejemplo, cuando desea enviar un mensaje a la consola de su navegador para ayudarlo a depurar errores o verificar el valor de una variable utilizando su código JavaScript, y así sucesivamente. Hay diferentes formas de generar y mostrar salida en JavaScript, incluida la redacción de la salida a un elemento HTML, que muestra la salida en cuadros de alerta o la ventana de la consola del navegador.

Esta redacción demostrará cómo mostrar la salida en JavaScript usando la consola.log (), documento.escribir (), documento.getElementById () y ventana.función alerta (). Entonces, comencemos esta guía!

¿Cuáles son las posibilidades de mostrar la salida en JavaScript?

Puede mostrar la salida en JavaScript utilizando cualquiera de las siguientes maneras:

• A Mostrar salida en el navegador consola, puedes usar el "consola.registro()" función.
• Para escribir Html y mostrar su producción, puedes usar el "documento.escribir()" función.
• Para escribir en un Elemento html y mostrar su salida, puede usar el "documento.getElementById ()"Función con el".innerhtml" propiedad.
• Para mostrar producción en una caja de alerta, puedes usar el "ventana.alerta()" función.

Cómo mostrar la salida en JavaScript usando la consola.registro()

En JavaScript, el "consola.registro()Se utiliza la función para mostrar cualquier salida o imprimir los valores de cualquier variable definida en el programa. El "registro()Método en la consola.log () toma el parámetro que comprende los datos que desea obtener. La mayoría de los desarrolladores de JavaScript usan la función especificada para enumerar los errores y los fines de depuración.

Sintaxis de consola.registro()

Aquí está la sintaxis de la consola.log () en JavaScript:

consola.log ("parámetro")

El "consola.registro()"La función acepta un"Parámetro,"Que puede ser cualquier mensaje, objeto o matriz, y luego devuelve o genera el valor del parámetro dado a la ventana de la consola.

Ejemplo: Mostrar salida en JavaScript usando consola.registro()

En el ejemplo dado a continuación, usaremos la consola.Log () función para emitir el "Esto es linuxhint.comunicarse"Mensaje en nuestra página web. Para este propósito, crearemos un "archivo de prueba.html"Archivo en nuestro editor de código favorito, como VS Code, luego escriba el siguiente código en él:

Después de agregar el código, presione "Ctrl+S"Para guardar el código agregado en el"archivo de prueba.html". A continuación, haga clic en su archivo y ábralo en su navegador favorito haciendo doble clic en el archivo HTML.

Una página web en blanco se abrirá para su "archivo de prueba.html" archivo. Desde el menú de clic derecho, elija el "Inspeccionar"Opción para abrir las herramientas de desarrollador de su navegador directamente:

Ahora, muévase al "ConsolaPestaña de las opciones de desarrollador. Mostrará el mensaje que hemos agregado como parámetro al "consola.registro()" función:

Cómo mostrar la salida en JavaScript usando el documento.escribir()

En JavaScript, el "documento.escribir()La función se utiliza para insertar cualquier contenido o código de JavaScript en un documento. El "documento.escribir()La función "elimina todo el contenido existente del documento HTML y lo reemplaza con el nuevo contenido agregado como parámetro. Este método se emplea principalmente para fines de prueba.

Sintaxis del documento.escribir()

Ahora, mira la sintaxis del documento.escribir () función:

documento.escribir (exp1, exp2, ...)

El "documento.escribir()La función puede contener múltiples parámetros. Los argumentos de expresión como "Exp1" y "Exp2"Se mostrará como salida en su secuencia adicional.

Ejemplo: Mostrar salida en JavaScript usando el documento.escribir()

En el siguiente ejemplo, tan pronto como se cargue nuestra página web, el "documento.escribir()"La función borrará todos los datos de la página web y lo reescribirá con el contenido que hemos agregado como parámetro:

Linuxhint

Como hemos agregado "Esto es linuxhint.comunicarse"Como parámetro en nuestro"documento.escribir()"Función, mostrará la siguiente salida:

Cómo mostrar la salida en JavaScript usando el documento.getElementById ()

El "documento.getElementById ()"En JavaScript se utiliza para devolver el objeto Elemento, cuyo"Identificación"Se combina con la cadena provista. Las ID de elemento son útiles para acceder rápidamente al elemento especificado y, por lo tanto, se pueden usar con el ".innerhtml " propiedad para escribir o mostrar su salida.

Sintaxis del documento.getElementById ()

Echemos un vistazo a la sintaxis del documento.Función GetElementById () en JavaScript:

documento.getElementById (ID)

Aquí, el atributo "identificación"Define el elemento HTML que se puede usar para insertar o escribir salida dentro del elemento especificado:

Ejemplo: Mostrar salida en JavaScript usando el documento.getElementById ()

En el siguiente ejemplo, hemos agregado un elemento con el identificación "prueba". Después de hacerlo, el "documento.getElementById (prueba)El método "seleccionará nuestro elemento HTML que tiene id ="prueba". Entonces el ".innerhtmlSe agrega la propiedad para escribir la cadena especificada en ella:

Linuxhint

La imagen dada a continuación indica que hemos agregado con éxito el "Esto es linuxhint.comunicarse"Cadena en nuestro elemento seleccionado:

Cómo mostrar la salida en JavaScript usando la ventana.alerta()

El ventana.alerta() El método muestra la salida o cualquier información al usuario. Muestra el mensaje agregado en un cuadro de alerta que tiene el "DE ACUERDO" botón. El cuadro de alerta obliga al usuario a leer el mensaje que se muestra, y el usuario no puede acceder a la página web hasta que el cuadro de alerta esté cerrado.

Sintaxis de la ventana.alerta()

Para usar alertas para su página web, siga la sintaxis dada a continuación:

ventana.alerta ("parámetro")

Aquí, en el "Parámetro", Pase la información que desea mostrar en el cuadro de alerta agregado.

Ejemplo: Mostrar salida en JavaScript usando Window.alerta()

En este ejemplo, hemos agregado un cuadro de alerta que aparecerá en la página web que muestra "Esto es linuxhint.comunicarse"Como su contenido:

Linuxhint

Cuando la ventana.ALERT () POMPUNTA aparecerá en nuestra página web, luego cualquier código escrito después de la ventana.alerta () no se ejecuta hasta que cierre la alerta presionando el "DE ACUERDO" botón:

Conclusión

Este artículo sobre cómo Mostrar salida en Javascript usando consola.registro(), documento.escribir(), documento.getElementById (), y ventana.alerta() funciones. El procedimiento de usar consola.log (), documento.escribir (), documento.getElementById () y ventana.Las funciones alert () para mostrar la salida en JavaScript también se demuestran en este artículo. Según sus preferencias, puede generar y mostrar salida en JavaScript, escribiendo la salida a un elemento HTML, mostrando la salida en cuadros de alerta o la ventana de la consola del navegador.