Урок 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 Ура!,Мы познакомились с переменными!
1 год назад