Найти в Дзене
1 подписчик

Урок 3. Переменные в Javascript.

Переменные используются для хранения информации. Например, мы хотим сохранить имя пользователя нашей страницы. Чтобы пользователю не пришлось вводить его несколько раз, можно(нужно) использовать переменные.
Каждой переменной даются свои имена, и в каждой переменной сохраняется та информация, которую мы в нее поместили.
Для практики нам пригодится файл html из прошлого урока. Откроем его:
[Фотография]
https://vk.com/photo164516926_457249935

Объявим переменную командой let, дадим ей имя(которое может быть любое, но должно состоять из латинских символов), например "message". Не забываем, что код мы можем писать только между <script> и </script>. Чтобы сохранить информацию в переменной(например, текст) поставим знак "равно" и справа допишем информацию:
[Фотография]
https://vk.com/photo164516926_457249937

Таким образом, в переменной message находится "ПРИВЕТ!!!"
Теперь мы можем обращаться к этой переменной. Укажем ее в качестве аргумента в команде alert().
[Фотография]
https://vk.com/photo164516926_457249938

При запуске программы видим, что отображается не message, а то, что было сохранено в переменной.
[Фотография]
https://vk.com/photo164516926_457249939

Переменных может быть сколько угодно, им можно давать разные имена. Сохранять в них можно как числа, так и текст. В данном случае у нас пять переменных с именами message, name, age, BD, day
[Фотография]
https://vk.com/photo164516926_457249943

в переменной с именем name находится строка "Иван", в переменной с именем age находится число 15. Выведем с помощью команды alert на экран сумму переменных age и day. Сумма записывается с помощью знака плюс:
[Фотография]
https://vk.com/photo164516926_457249944

Увидим, что на веб-странице, открытой через браузер всплыло число 20( сумма переменных age и day, где age = 15 и day = 5)
[Фотография]
https://vk.com/photo164516926_457249945

обратимся к остальным переменным, выведем их на экран.
[Фотография]
https://vk.com/photo164516926_457249946

Увидим последовательно всплывающие сообщения:
[2 фотографии]
1. https://vk.com/photo164516926_457249947
2. https://vk.com/photo164516926_457249948

Если провести аналогию с реальным миром, то если Переменную можно представить в виде «коробки» для данных с уникальным названием на ней.
Например, переменную message можно представить как коробку с названием "message" и значением "Hello!" внутри.
Мы можем положить любое значение в коробку.
[Фотография]
https://vk.com/photo164516926_457249949

Мы также можем изменить его столько раз, сколько захотим. Например
[2 фотографии]
1. https://vk.com/photo164516926_457249950
2. https://vk.com/photo164516926_457249951
Ура!,Мы познакомились с переменными!
2 минуты