En programación de computadoras, Imprimir es un comando que se usa para mostrar algún tipo de texto en la pantalla. Se puede utilizar para mostrar texto (cadena), una variable, números o cálculos matemáticos. Una de las primeras cosas que aprenden muchos programadores es cómo utilizar un comando Imprimir para crear un programa que muestre "¡Hola mundo!". A diferencia de otros lenguajes de programación, Javascript se representa en un navegador web. Javascript no tiene un comando de impresión simple como lo hacen muchos otros lenguajes. Sin embargo, hay muchas formas de mostrar texto dentro del documento HTML, una ventana de alerta, la consola. También puede utilizar Javascript para imprimir desde una impresora.
Pasos
Método 1 de 4: uso de InnerHTML
Paso 1. Escriba <p id = en el cuerpo de su documento HTML
Esta es la etiqueta HTML de apertura para el texto de un párrafo con una identificación específica.
Para obtener más información sobre cómo escribir código HTML, consulte Cómo crear una página web simple con HTML
Paso 2. Escriba un nombre para el elemento de párrafo entre comillas seguido de>
Esto asigna al elemento de texto del párrafo un ID que se puede recuperar en Javascript. Por ejemplo,"
".
También puede utilizar otros elementos HTML de texto, como un encabezado {{kbd |
Paso 3. Escriba
inmediatamente después del"
etiqueta.
Esto agrega una etiqueta de cierre para el elemento HTML del párrafo de apertura.
Paso 4. Presiona ↵ Enter
Esto agrega una nueva línea a su HTML.
Paso 5. Escribe y presiona ↵ Enter
Esta es la etiqueta de apertura de su Javascript. Toda la codificación Javascript debe ir después de esta etiqueta.
Paso 6. Escriba document.getElementById
Este es el código javascript para llamar a un elemento HTML por su ID.
Paso 7. Escriba el ID del elemento de párrafo entre comillas entre paréntesis
Si su elemento de párrafo es"
", su código javascript leería" document.getElementById ("matemáticas") ".
Paso 8. Escriba. InnerHTML = después del paréntesis
Este comando se usa para mostrar salidas de texto usando el elemento HTML.
Paso 9. Escriba lo que desea imprimir seguido de un punto y coma (;
).
Puede mostrar texto, una variable, números o una ecuación matemática.
Por ejemplo, escriba "document.getElementById (" demo "). InnerHTML = 27 + 33;" para imprimir la suma de 27 + 33
Paso 10. Presiona ↵ Enter y escribe
Esta etiqueta cierra su código Javascript. Escriba esta etiqueta cuando haya terminado, ingrese todas sus líneas de Javascript. Cuando carga el documento HTML en un navegador web, se imprimirá dentro del documento HTML.
Método 2 de 4: uso de una alerta de ventana
Paso 1. Escriba el cuerpo de su documento HTML
Esta es la etiqueta de apertura de su Javascript.
Paso 2. Presiona ↵ Enter y escribe alerta
Este es el comando javascript para abrir una ventana emergente de alerta.
Paso 3. Escriba lo que desea imprimir entre paréntesis
Puede escribir texto, una variable, números o una ecuación matemática. Por ejemplo, "alert (" Hello Sweety! ")" Para mostrar "Hello Sweety!" en una ventana emergente.
Paso 4. Agregue un punto y coma (;
) al final.
Esto cierra su línea de Javascript. Toda la línea debería verse como "alert (" Hello Sweety! ");".
Paso 5. Presiona ↵ Enter y escribe
Esta etiqueta cierra su código Javascript. Escriba esta etiqueta cuando haya terminado de ingresar todas sus líneas de Javascript. Cuando cargue su documento HTML en un navegador web, mostrará el texto que desea imprimir en una ventana emergente.
También puede crear un botón que muestre texto impreso en una ventana emergente. Para hacerlo, escriba "Texto del botón"
Método 3 de 4: uso del registro de la consola
Paso 1. Escriba el cuerpo de su documento HTML
Esta es la etiqueta de apertura de su Javascript.
Paso 2. Presiona ↵ Enter y escribe console.log
Este es el comando javascript para un registro de consola. Un registro de consola es lo más parecido a un comando Imprimir en el sentido de codificación típico. No muestra texto en su página web, pero muestra texto dentro de la consola cuando ejecuta su HTML / Javascript dentro de un navegador web. Esto es útil para depurar.
Paso 3. Escriba el texto que desea registrar entre paréntesis
Puede ser texto (una cadena), una variable, números o una ecuación matemática. Por ejemplo, console.log (estoy imprimiendo en Javascript).
Paso 4. Agregue un punto y coma (;
) al final.
Esto cierra su línea de Javascript. La línea completa debería verse como "nowiki> console.log (estoy imprimiendo en Javascript)
Paso 5. Presiona ↵ Enter y escribe
Esta etiqueta cierra su código Javascript. Escriba esta etiqueta cuando haya terminado de ingresar todas sus líneas de Javascript.
Paso 6. Guarde su documento HTML
Utilice los siguientes pasos para guardar su documento HTML.
- Hacer clic Expediente en la parte superior de su editor de texto o programa de edición HTML.
- Hacer clic Guardar como.
- Escriba un nombre de archivo para el documento HTML.
- Asegúrese de que se guarde como un documento ".html".
- Hacer clic Ahorrar.
Paso 7. Abra el documento HTML en un navegador web
Abra cualquier navegador web de su elección y escriba la ubicación del archivo del documento HTML en la barra de direcciones en la parte superior. Esto abrirá el documento HTML en su navegador web.
Paso 8. Presione F12
Esto abre el modo de desarrollador en su navegador web. Verá una nueva ventana con el código HTML, CSS y Javascript mostrado.
Paso 9. Haga clic en Consola
Está en la parte superior de la ventana del modo de desarrollador.
Paso 10. Actualiza tu navegador
Paso 1. Escriba <button onclick = en el cuerpo de su documento HTML
Esta es la etiqueta HTML de apertura para crear un botón dentro de su HTML.
Paso 2. Escriba "window.print ()"> después del signo igual (=)
El comando "window.print ()" es el comando Javascript para imprimir el contenido de la ventana de su navegador web. El corchete (>) finaliza la etiqueta de apertura del botón HTML.
Paso 3. Escriba el texto que desea ir en el botón
Esto debería ir justo después del corchete (>). Por ejemplo, podría escribir "Haga clic aquí para imprimir" o algo similar.
Paso 4. Escriba
Esto cierra el elemento de botón HTML. Cuando renderiza su HTML en un navegador web, creará un botón en el que puede hacer clic para imprimir el contenido de su navegador web.