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

Введение

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

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

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

Это Guided Lab, который предоставляет пошаговые инструкции, чтобы помочь вам учиться и практиковаться. Внимательно следуйте инструкциям, чтобы выполнить каждый шаг и получить практический опыт. Исторические данные показывают, что это лабораторная работа уровня средний с процентом завершения 72%. Он получил 99% положительных отзывов от учащихся.

Привет, 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!".

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

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

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

Резюме

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

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

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