Hello world!
Hello world!
Давайте напишем наш первый скрипт на языке JavaScript и выведем знакомое всем приветствие "Hello, World!" в консоль. Создание простой программы "Hello, World!" является традиционным первым шагом при изучении нового языка программирования.
JavaScript - это язык, который позволяет веб-страницам становиться интерактивными, а вашему коду - живым.
Установка Visual Studio Code
Для создания программы рекомендуется использовать редактор кода, и одним из наилучших вариантов является Visual Studio Code. Если вы еще не установили этот редактор, ознакомьтесь с нашим предыдушум уроком по установке (Подготовка к работе), чтобы перейти ко второму шагу.
Создание нового файла
Нажмите "File" (Файл) в верхнем левом углу.
Выберите "New File" (Новый Файл).
Назовите новую файл, например, "index.html", и нажмите Enter.
Написание HTML-кода
Откройте файл "index.html" и введите следующий код или просто скопируйте его у нас
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Основы JavaScript</title>
</head>
<body>
<h1>Добро пожаловать в мир JavaScript!</h1>
<script src="HelloWorld.js"></script>
</body>
</html>Создание нового файла JavaScript
Нажмите "File" (Файл) в верхнем левом углу.
Выберите "New File" (Новый Файл).
Назовите новую файл, например, "HelloWorld.js", и нажмите Enter.
Написание простого кода JavaScript
Откройте файл index.js и напишите следующий код или опять же порсто скапируйте у нас
// index.js
// Выводим приветствие в консоль
console.log("Привет, мир!");Запуск файла HTML
Нажмите правой кнопкой мыши на файле "index.html".
Выберите "Open with" (Открыть с помощью) и выберите ваш любимый веб-браузер.
Открытие консоли браузера
Откройте инструменты разработчика в браузере (нажатием F12 или правой кнопкой мыши и выбором "Inspect", затем перейдите на вкладку "Console")
После выполнения этих шагов, вы увидите сообщение "Привет, мир!" в консоли браузера.
Поздравляю, вы только что создали и запустили свой первый JavaScript код!
Заключение
Это всего лишь начало вашего увлекательного путешествия в мир JavaScript. Не бойтесь экспериментировать, делать ошибки и задавать вопросы. В дальнейших уроках мы будем изучать более сложные концепции, так что приготовьтесь к захватывающему погружению в программирование!