Tu primer código JavaScript

Si nunca has escrito una sola línea de código, estás en el lugar correcto. Hoy vamos a aprender cómo hacer que la computadora te "hable" mostrando un mensaje de texto simple.

Qué significa la salida en JavaScript

Cuando los programadores escriben código, muchas veces necesitan ver qué está haciendo la computadora detrás de escena. Para eso usamos una salida, que simplemente significa hacer que la computadora imprima un mensaje en un área especial de la pantalla.

Esta área especial se llama consola. Piensa en la consola como una libreta privada para desarrolladores. Los visitantes normales de un sitio web normalmente no la ven, pero es una herramienta esencial para comprobar si tu código funciona como esperas.

Escribir tu primera línea de código

Para enviar un mensaje a la consola, usamos una herramienta integrada llamada console.log(). En esta lección, la salida aparece debajo del código después de hacer clic en Ejecutar.

Aquí está tu primera línea de código JavaScript:

console.log("Hola, JavaScript!");

Desglose del código

Veamos cada parte de esa instrucción para que sepas exactamente qué está pasando:

• console.log: Es el comando que le dice a la computadora: "Quiero enviar un mensaje al área de salida."
• () (paréntesis): Funcionan como una canasta. Contienen el valor o mensaje exacto que queremos mostrar en pantalla.
• "Hola, JavaScript!": El texto que queremos imprimir está dentro de comillas. En programación, cualquier texto normal rodeado por comillas se llama string. Puedes usar comillas dobles (" ") o simples (' '), pero el texto debe estar dentro de ellas.
• ; (punto y coma): El punto y coma suele marcar el final de una instrucción. JavaScript a veces puede agregarlo automáticamente, pero usarlo aquí mantiene el ejemplo claro.

Mini tarea

Ahora es tu turno de escribir algo de código.

1. Edita el bloque de código de arriba.
2. Reemplaza "Hola, JavaScript!" con tu animal favorito.
3. Haz clic en Ejecutar y revisa la salida debajo del código.

Pista: Asegúrate de poner el nombre de tu animal entre comillas para que sea un string, y colócalo dentro de los paréntesis.

Quiz corto

Pregunta 1: ¿Cómo llamamos a un fragmento de texto rodeado por comillas en JavaScript? A) Una consola B) Un string C) Un paréntesis

Pregunta 2: ¿Cuál es el propósito del punto y coma (;) al final de nuestro código? A) Marca el final de una instrucción. B) Crea una nueva línea en blanco. C) Imprime el mensaje en la pantalla.

(Respuestas: 1 - B, 2 - A)

Pequeño desafío

¿Listo para escribir varias instrucciones?

Para este desafío, escribe dos líneas de código separadas.

• En la primera línea, imprime tu nombre.
• En la segunda línea, imprime tu comida favorita.

Recuerda usar un punto y coma al final de cada instrucción.

// escribe tu código abajo

console.log()

Resumen

Buen trabajo. Ya escribiste JavaScript oficialmente. Este es un repaso rápido de lo que aprendiste hoy:

• Puedes usar el comando console.log() para enviar mensajes al área de salida para desarrolladores.
• El texto rodeado por comillas se llama string.
• Los paréntesis contienen el mensaje exacto que quieres imprimir.
• Un punto y coma se usa para marcar el final de una instrucción de código.