Seu Primeiro Laboratório JavaScript - Aprenda a Programar

Introdução

🧑‍💻 Novo no Linux ou no LabEx? Recomendamos começar com o curso Quick Start with Linux.

Olá, bem-vindo ao LabEx! Neste primeiro laboratório, você aprenderá o clássico programa "Hello, World!" em JavaScript.

Clique no botão Continuar abaixo para iniciar o laboratório.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível intermediário com uma taxa de conclusão de 72%. Recebeu uma taxa de avaliações positivas de 99% dos estudantes.

Olá JavaScript

JavaScript é uma linguagem de programação que permite adicionar interatividade a websites. É usado para criar páginas web dinâmicas e interativas. É uma linguagem de programação interpretada com capacidades orientadas a objetos.

Usaremos JavaScript para criar uma página web simples que exibirá uma mensagem quando um botão for clicado.

index.html foi criado no WebIDE. Abra-o e adicione o seguinte 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>

O código acima exibirá uma mensagem quando o botão for clicado. A mensagem é exibida no elemento h1 com o id message.

O atributo onclick é usado para chamar a função displayMessage() quando o botão é clicado. A função displayMessage() alterará o conteúdo de texto do elemento h1 para "Hello, JavaScript!".

Em seguida, clique no botão Go Live no canto inferior direito, isso executará um servidor web local na porta 8080.

Agora, você pode mudar para a aba Web 8080 e clicar no botão de atualização para ver as alterações.

Resumo

Parabéns! Você concluiu seu primeiro laboratório LabEx.

Se você quiser saber mais sobre LabEx e como usá-lo, pode visitar nosso Centro de Suporte. Ou você pode assistir ao vídeo para aprender mais sobre LabEx.

Programar é uma longa jornada, mas o Próximo Laboratório está a apenas um clique de distância. Vamos nessa!