Закрыть
Войти
Подождите...
Собирается информация...
Восстановить пароль
Логин или пароль введены не верно!
Подождите...
Идет авторизация.
Вход
Логин или пароль введены не верно!
Забыли пароль?
или войти через вконтакте

Hello world!

Открыть содержание
JavaScript

Все всех курсах принято начинать знакомство с языком с написания простейшей программы "hello world!", которая позволяет вывести на странице текст "hello_world!". Ну что ж, сделаем это!

JavaScript - это такой же файлик, как .html или .css, только код пишется другой. 

Для того, чтобы js заработал, необходимо:

  1. Создать файл с расширением .js
  2. Подключить файл к проекту
  3. Написать свой код и посмотреть как он работает

Первым пунктом создаем файл script.js, но для начала создадим в нашем проекте папку js, в которую и положим наш script.js

То есть структура получается следующая:

Далее нам нужно подключить это скрипт к проекту. Скрипты подключаются так же, как и css, только тег другой. 

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

Этот тег пишем либо в теге head, либо в самом конце странице перед закрывающим тегом </body>

В итоге, ваш index.html должен выглядеть так: 

Теперь, напишите в файле script.js вот такой простой код: 

alert('Hello World!');

Не забывайте сохранить файл и можете сразу открыть ваш index.html любым браузером и если вы увидите следующее: 

, то можете нажать "ОК" и порадоваться, что написали первый скрипт на JavaScript! 

ПОЗДРАВЛЯЮ!

Но это не единственный способ, которым мы можем вывести в текст "Hello World!". 

Мы можем вывести текст через консоль. В панели разработчика, с которой, я думаю, вы уже знакомы, есть раздел консоль:



Эта штука нужна для того, чтобы сюда выводить какую-то информацию. Ошибки, справки, уведомления, переменные, короче все, что угодно. И сейчас мы выведем сюда наш текст.

Для этого, напишите следующий код: 

console.log('Hello World!');

При этом, alert() можно удалить. 

Если вы все сделали правильно, то после обновления страницы, текст, который вы напишите в скобочках, вы увидите в консоли: 

И если у вас получилось, то второе поздравления от меня за сегодня!


И на последок, выведем текст прямо на страницу. 

Попробуйте написать следующий код: 

document.write('Hello World!');

И вот что мы увидим: 

Только что, мы обратились в нашему документу и написали в нем "Hello World!". Очень просто.

Получается, что сейчас мы воздействовали на нашу страницу и изменили ее структуру с помощью js. Как-то так)

В этом уроке мы немного поигрались с js, теперь давайте изучать основы программирования и начнем мы с переменных. 

Предыдущий урок Следующий урок
Политика конфиденциальности   Пользовательское соглашение