UTF-8 мы используем, потому-что эта кодировка считается, как-бы, стандартом, и приложения автоматически сохраняют именно в ней. Т.е. мы выбрали UTF-8 чтобы не тратить лишнего времени на выбор и подстройку к другим кодировкам. Собственно, тег <meta charset="utf-8"> сообщает не редактору, а уже браузеру, что этот файл нужно прочитать именно с utf-8 кодировкой.Последний тег, который мы напишем, это:
<script> // Открывающая часть
// Место, где мы будем писать сценарий JavaScript.
</script> // Закрывающая часть
Ну, собственно, давай-те напишем здесь первую важную команду, значение которой вам стоит знать:
alert("Привет, мир!");
Уточню, что все команды, которые с этого момента и до конца статьи, мы будем писать, пишутся в среде тега <script>, а точнее между открывающей её части и закрывающей </script>.И так, мы написали первую команду. Теперь, этот файл нужно сохранить. Быстрее всего: выполнить сочетание клавиш Ctrl + S. Теперь можно открыть этот файл в браузере и посмотреть, как он будет выполняться.Я буду использовать Google Chrome, потому что он удобен в отладке нашего скрипта. В повседневной жизни я использую Яндекс.Браузер.
И так, мы открыли файл, и что видим? Открылось окошко с надписью "Привет, мир!", или с чем-то другим, если вы писали иначе. Давайте разбирать, что произошло:Открылась новая вкладка, как будто грузится новый сайт. По факту это и есть сайт, только не в интернете а в локальной сети (моём компьютере). В разделе "адреса сайта" мы видим путь к файлу, который браузер загрузил. Но как вышло сообщение "Привет, мир!"?За это отвечает всего одна строчка на языке JavaScript. alert это просто команда, которая сообщает браузеру, что нужно вывести сообщение, а "Привет, мир!" это как-раз и есть то сообщение, которое нужно вывести. Т.е. мы компьютеру сказали "Выведи сообщение с надписью Привет, мир!", чего он и сделал.Чтобы заново запустить выполнение кода, нужно просто обновить страницу.Давайте перейдём к следующей команде, которую надо запомнить:
prompt("Как вас зовут?");
Давайте сохраним и посмотрим, что команда Prompt делает. По сути, это тот же alert, но ещё и с возможностью ввода сообщения, т.е. получатель может на него ответить. Например, я отвечу "Николай" и нажму ОК. Ответ пользователя улетает к нам, но вот вопрос - как его использовать?
Нужно чтобы скрипт сначала сохранил ответ. Во всех языках программирования, информация храниться в, так называемых, переменных. Переменная - это некий контейнер, который хранит информацию. В JavaScript переменную можно создать, используя команду let. Давайте создадим команду:
let name = prompt("Как вас зовут?");
Теперь давайте разберём, что здесь написано.let - ключевое слово, чтобы создать переменнуюНашу переменную нужно как-то назвать, поэтому дальше идёт название: Я назвал её name. Назвать можно как-угодно, но лучше всего, чтобы позже не запутаться в больших скриптах и понимать, что, где и для чего, называть переменную по смыслу подходящую к тому, для чего она используется.' = ' - это не равно, как в математике, это оператор присваивания, т.е. мы присваиваем переменной то значение, что идёт у нас дальше. В нашем случае, равно сохранит ответ пользователя, или "Николай", как я написал, т.е. Николай будет лежать в переменной name. Позже, эти данные мы можем спокойно использовать.Давайте теперь выведем что-то типа "Привет, Николай".
alert("Привет, " + name);
Теперь, сообщение содержит не только текст "Привет", а ещё и имя, лежащее в переменной. Переменные нельзя вписывать в кавычки, иначе компьютер сочтёт их за текст, переменная должна лежать ЗА кавычками, но тогда компьютер просто не поймёт, как использовать эту переменную. Для этого используется плюсик - он складывает содержание кавычек и переменную в один единый текст. Давайте проверим.
И так, на этом следует пока остановиться, ибо информации много, а времени на её написания мало. Я надеюсь, моя статья вам понравилась.
При желании, вы можете оставить мне пару рублей на дальнейшее развитие)
Желаю удачи и благодарю за внимание!