JavaScript урок 3: Hello, World! — пишем первый код

Традиционно, изучение любого языка программирования начинается с вывода на экран надписи «Hello, World!». В этом уроке мы выведем эту надпись с помощью JavaScript.

Где писать код?

JavaScript-код можно писать в разных местах:

  • В обычном текстовом редакторе (например, Notepad++, Sublime Text).
  • В специализированных IDE (интегрированных средах разработки).

Способы написания кода

Существуют два основных способа написания JavaScript-кода:

  1. Внутри HTML-страницы: Код размещается непосредственно в HTML-документе.
  2. В отдельном файле: Код пишется в отдельном файле с расширением .js и подключается к HTML-странице, аналогично подключению CSS-файлов.

В этом уроке мы будем писать код внутри тега <body> HTML-страницы. Размещение кода в <head> не позволит отобразить надпись.

Создание HTML-файла

Создайте файл index.html с простым HTML-кодом: <!DOCTYPE html><html><head><meta charset="utf-8"></head><body></body></html>. Сохраните файл и откройте его в браузере.

Встраивание JavaScript-кода в HTML

Для встраивания JavaScript-кода используется тег <script>:

<script type="text/javascript">
  // Здесь будет JavaScript-код
</script>

Атрибут language="javascript" устарел.

Вывод текста на экран

Для вывода текста используется метод document.write():

document.write("Hello, World!");

Этот код обращается к глобальному объекту document и вызывает его метод write(), передавая строку «Hello, World!» в качестве аргумента. Дополнительный вызов document.write("Hello, World!"); также выведет надпись.

Точка с запятой

Каждая строка JavaScript-кода должна заканчиваться точкой с запятой (;). Это сигнализирует интерпретатору о завершении строки.

document.write("Hello, World!"); // Точка с запятой в конце строки

Форматирование вывода

Для улучшения визуального отображения можно использовать HTML-теги внутри document.write():

document.write("<br>"); // Добавление разрыва строки

Подключение внешнего файла

Создайте файл script.js в той же папке, что и index.html. Для подключения этого файла к HTML-документу используйте тег <script> с атрибутом src:

<script src="script.js"></script>

Код из script.js выполнится после загрузки HTML-страницы. Копирование кода из script.js в index.html приведёт к его повторному выполнению, если не управлять этим процессом.

В этом уроке мы научились выводить текст на экран с помощью JavaScript, используя метод document.write(), разобрали важность точки с запятой в конце каждой строки кода и способы подключения внешних JavaScript-файлов к HTML-документу.

Что будем искать? Например,программа