El mejor tutorial de salida de JavaScript en 2024. En este tutorial podrás aprender JavaScript muestra datos,Utilice window.alert (),Manipular los elementos HTML,Ejemplos,En este tutorial,Escribe documento HTML,Ejemplos,Ejemplos,Escrito a la consola,Ejemplos,¿Sabías?,

salida de JavaScript

JavaScript no tiene ninguna función de impresión o de salida.

JavaScript muestra datos

datos de salida de JavaScript pueden de diferentes maneras:

  • Utilice window.alert () cuadro de advertencia emergente.
  • método document.write () utilizando para escribir el contenido de un documento HTML.
  • El uso de innerHTML para escribir elementos HTML.
  • Utilice console.log () se escribe en la consola del navegador.

Utilice window.alert ()

Puede que aparezca un cuadro de advertencia para mostrar los datos:

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página </ h1>
<P> Mi primer párrafo. </ P>

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

</ Body>
</ Html>

Trate »

Manipular los elementos HTML

Para acceder a un elemento HTML de JavaScript, puede utilizar el métododocument.getElementById(id).

Utilice el atributo "id" para identificar los elementos HTML, y innerHTML para obtener el contenido o elementos de inserción:

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<P id = "demo"> Mi primer párrafo </ p>

<Script>
document.getElementById ( "demo") innerHTML = "párrafo ha sido modificado es";
</ Script>

</ Body>
</ Html>

Trate »

Más declaraciones JavaScript (en la etiqueta <script>) pueden llevarse a cabo en un navegador Web:

document.getElementById ( "demo") es usar el atributo id para encontrar elementos HTML código JavaScript.

innerHTML = "párrafo ha sido modificado." se utiliza para modificar el elemento de contenido HTML (innerHTML) código JavaScript.


En este tutorial

En la mayoría de los casos, en este tutorial, vamos a utilizar los métodos descritos anteriormente para la producción:

El siguiente ejemplo directamente al id = "demo" del elemento <p> se escribe en el documento HTML de salida:


Escribe documento HTML

Para propósitos de prueba, se puede escribir directamente JavaScript en el documento HTML:

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<P> Mi primer párrafo. </ P>

<Script>
document.write (Date ());
</ Script>

</ Body>
</ Html>

Trate »

nota

Utilice el document.write () simplemente escribiendo el contenido a una salida de documentos.

Si lo hace document.write después de que el documento ha terminado de cargar, se sobrescribe toda la página HTML.


Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<P> Mi primer párrafo. </ P>

<Botón onclick = "myFunction () "> punto de I </ botón>

<Script>
myFunction función () {
document.write (Date ());
}
</ Script>

</ Body>
</ Html>

Trate »


Escrito a la consola

Si su navegador es compatible con la depuración, el método console.log () se puede utilizar para mostrar el valor de JavaScript en su navegador.

el uso del navegador F12 para activar el modo de depuración, la ventana de depuración, haga clic en el menú "Consola".

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>

</ Body>
</ Html>

Trate »

Ejemplos consola de pantalla:


¿Sabías?

nota Depuración está probando un programa para encontrar y reducir el proceso de error (error).
salida de JavaScript
10/30