Tu primer laboratorio de JavaScript - Aprende a programar

Introducción

🧑‍💻 ¿Eres nuevo en Linux o en LabEx? Te recomendamos comenzar con el curso Quick Start with Linux.

Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa "Hello, World!" en JavaScript.

Haz clic en el botón Continuar de abajo para comenzar el laboratorio.

Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel intermedio con una tasa de finalización del 72%. Ha recibido una tasa de reseñas positivas del 99% por parte de los estudiantes.

Hola JavaScript

JavaScript es un lenguaje de programación que te permite agregar interactividad a los sitios web. Se utiliza para crear páginas web dinámicas e interactivas. Es un lenguaje de programación interpretado con capacidades orientadas a objetos.

Utilizaremos JavaScript para crear una página web sencilla que mostrará un mensaje cuando se haga clic en un botón.

index.html se ha creado en WebIDE. Ábrelo y agrega el siguiente código:

<!doctype html>
<html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <h1 id="message">Click the button to display the message!</h1>

    <button onclick="displayMessage()">Click me</button>

    <script>
      function displayMessage() {
        document.getElementById("message").textContent = "Hello, JavaScript!";
      }
    </script>
  </body>
</html>

El código anterior mostrará un mensaje cuando se haga clic en el botón. El mensaje se muestra en el elemento h1 con el id message.

El atributo onclick se utiliza para llamar a la función displayMessage() cuando se hace clic en el botón. La función displayMessage() cambiará el contenido de texto del elemento h1 a "Hello, JavaScript!".

Luego, haz clic en el botón Go Live en la esquina inferior derecha. Esto ejecutará un servidor web local en el puerto 8080.

Ahora, puedes cambiar a la pestaña Web 8080 y hacer clic en el botón de actualización para ver los cambios.

Resumen

¡Felicidades! Has completado tu primer laboratorio en LabEx.

Si quieres aprender más sobre LabEx y cómo usarlo, puedes visitar nuestro Centro de Soporte. O puedes ver el vídeo para conocer más sobre LabEx.

La programación es un largo camino, pero el Siguiente Laboratorio está a solo un clic de distancia. ¡Empecemos!