Ваше первое практическое занятие по JavaScript - научитесь программировать

Введение

🧑‍💻 Новенький в Linux или LabEx? Мы рекомендуем начать с курса Быстрый старт с Linux.

Привет! Добро пожаловать в LabEx! В этом первом практическом занятии вы научитесь создавать классическую программу "Hello, World!" на JavaScript.

Нажмите кнопку Продолжить ниже, чтобы начать практику.

Привет, JavaScript

JavaScript - это язык программирования, который позволяет добавлять интерактивность веб - сайтам. Он используется для создания динамических, интерактивных веб - страниц. Это интерпретируемый язык программирования с объектно - ориентированными возможностями.

Мы будем использовать JavaScript для создания простой веб - страницы, которая будет отображать сообщение при нажатии на кнопку.

В WebIDE уже создан файл index.html. Откройте его и добавьте следующий код:

<!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>

Вышеприведенный код будет отображать сообщение при нажатии на кнопку. Сообщение отображается в элементе h1 с идентификатором message.

Атрибут onclick используется для вызова функции displayMessage() при нажатии на кнопку. Функция displayMessage() изменит текстовое содержимое элемента h1 на "Hello, JavaScript!".

HTML - код для интерактивной кнопки

Затем нажмите кнопку Go Live в правом нижнем углу, это запустит локальный веб - сервер на порту 8080.

Теперь вы можете переключиться на вкладку Web 8080 и нажать кнопку обновления, чтобы увидеть изменения.

Веб - страница с отображением сообщения "Hello JavaScript"

Резюме

Поздравляем! Вы завершили свое первое практическое занятие в LabEx.

Если вы хотите узнать больше о LabEx и о том, как им пользоваться, вы можете посетить наш Центр поддержки. Или вы можете посмотреть видео, чтобы узнать больше о LabEx.

Программирование - это долгий путь, но Следующее практическое занятие находится всего в одном клике от вас. Давайте приступим!