Что такое Java Sript или ваш первый скрипт.

Автор: Maximus Сайт: http://www.pauk2001.h1.ru/

   В этом уроке я бы хотел поговорить с вами о функциях, циклах и условных операторах. Но сначала хочу поблагодарить тех, кто прислал мне свое домашнее задание на маил. Все с домашним заданием успешно справились, поздравляю! Но это были цветочки.

   Итак, давайте начнем наш урок. Начнем его с функции prompt(); Я должен перед вами извиниться т.к. я забыл включить эту функцию в первую главу.
   Исправлю свою ошибку. Функция prompt(); нам нужна для того чтобы, пользователь мог ввести какое-нибудь число или строку по запросу сценария. Сама функция выглядит так. prompt("Строка которую вы пишите, это может быть, вопрос, пример..", "а в этой строке вы пишете начальное значение, лучше его оставить пустым");

   Что бы лучше понять, что это за функция откройте документ и поэксперементируйте =).

   Поэксперементировали??? Давайте продолжим. В нашем скрипте "мойпервыйскрипт" есть строчка "Ура я создал свой первый скрипт" давайте сделаем так, чтобы пользователь мог вводит любую другую строчку. Создаем новый документ, назовем его prompt.html

   #1<HTML>
   #2<HEAD>
   #3<TITLE>Prompt</TITLE>
   #4</HEAD>
   #5<BODY>
   #6<SCRIPT Language="JavaScript">
   #7x = prompt("Введите сточку","");
   #8document.write(x);
   #9</SCRIPT>
   #10</BODY>
   #11</HTML>

   Давайте разберемся в скрипте. В 1-6 строчке все понятно. В 7 строчке мы присваиваем переменной X то значение, которое ввел пользователь. В 8 строчке мы выводим эту строку на экран. В 9-10 строчке все понятно.

   Идем дальше. Что же такое условный оператор? Ну, вы, наверное, знаете. Самое простое условие: Чайник закипел? Если да то выключите его, если нет, то ждите. Начнем с самого распространенного оператора условия T If. Надо сказать что, все условные операторы( за исключением нескольких) состоят из левой и правой части . Изучим символы которые вам пригодятся в условных операторах.

   = = проверяет равна ли Левая часть правой
   > проверяет больше ли Лч правой
   < проверяет меньше ли Лч правой
   >= проверяет больше или равна Лч правой
   <= проверяет меньше или равна Лч правой
   != проверяет правда ли что Лч не равна правой

   Синтаксис If. Возьмем два числа 5 и 4 и будем их сравнивать.
   Пишем:

   If ("5" = = "4")
   {
   Какое-то действие
   }
   Заметьте, что числа 5 и 4 в кавычках!!! Если было бы без кавычек JS воспринял это как переменные.
   Давайте закрепим это знание:
   Создаем документ под названием if.html Пишем:

   1#<HTML>
   2#<HEAD>
   3#<TITLE>IF</TITLE>
   4#</HEAD>
   5#<BODY>
   6#<SCRIPT Language="JavaScript">
   7#x = 10;
   8#y = 5;
   9#if (x > y)
   10#{
   11#document.write("Число " + x + " больше числа " + y);
   12#}
   13#</SCRIPT>
   14#</BODY>
   15#</HTML>

   В 1-6 строке ничего не понятного. В 7 T 8 создаем переменные и присваиваем им значение числа. В 9 строке идет оператор условия т.е если X больше Y тогда скрипт в 11 строке выводит строчку "Число 10 больше числа 5". В следующих строчках ничего не понятного быть не должно. Обратите внимание, что у условного оператора if есть фигурные скобки их надо ставить всегда!!! Т.к в них заключено то действие, которое будет выполняться, после проверки условия. Я надеюсь все понятно?!

   Теперь давай перейдем к такому понятию как логические операции. Допустим, нам надо сверить несколько значений в одном операторе if. Для этого и существуют логические операции.

   Операция И

   Эта операция проста, я ее могу не расписывать подробно и все равно вам будет ясно. Возьмем пример с 3 числами.

   1#<HTML>
   2#<HEAD>
   3#<TITLE>IF</TITLE>
   4#</HEAD>
   5#<BODY>
   6#<SCRIPT Language="JavaScript">
   7#x = 10;
   8#y = 9;
   9#z = 8;
   10#if ( x >y && y>z)
   11#{
   12#document.write("Привет Вася");
   13#}
   14#</SCRIPT>
   15#</BODY>
   16#</HTML>

   Разберем скрипт:
   В 1-6 строке ничего не понятного нет. В 7-9 строке задаем переменные и присваиваем им значения. В 10 мы видим, вам уже знакомый, оператор условия if + два выражения X>Y и Y>Z. Посреди этих выражений стоит знак && это и есть операция И. Если прочитать на языке JS эту строку мы получим следующее:
   Если 10 больше 9 И 9 больше 8 написать "Привет Вася" Понятно?

   А сейчас маленькая табличка посвященная операции И.

   Но сначала маленькая справочка. Как мы все знаем из уроков Алгебры или еще чего-нибудь есть такие значения как булевские. И конечно же они используются в JS! Так допустим когда вы ставите условный оператор if и сверяете в нем два числа, например 10>1, то если это правильно if возвращает значение true и выполняется код в фигурных скобках, а если нет (вряд ли это возможно =) ) то возвращает значение false и код не выполняется.
   Ну а сейчас как я и обещал табличка для операции И

   Левая часть Правая Часть Результат
   true true true
   false true false
   true false false
   false false false

   В этой табличке нету ничего сложно, она поможет вам в составление условий с оператором И. Но те кто еще не очень понял табличку объясняю.
   Возьмем наш пример с переменными x = 10 y = 9 и z = 8. Теперь пройдемся по таблице. Буду идти по порядку.
   If (x>y && y>z) {действие} Если левая часть истинна (10 больше 9) и правая часть истинна (9 больше 8) выполняется какое-нибудь действие.
   If(x<y && y>z) {действие} Если левая часть ложь (10 меньше 9) и правая часть истинна (9 больше 8) действие не выполняется.
   Надеюсь после двух примеров понятно как пользоваться таблицей???
   Обратите внимание, что если левая часть ложь то действие выполняться не будет. Даже если правая часть истинна.
   ВНИМАНИЕ ОТНОСИТСЯ ТОЛЬКО К ОПЕРАЦИИ И

   Операция ИЛИ

   Похожа на операцию И, но операция ИЛИ обозначается || и для нее действует другая таблица.

   Левая часть Правая Часть Результат
   true true true
   false true true
   true false true
   false false false

   Возьму тот же самый пример с X Y и Z
   If (x>y || y>z) {действие} если левая часть истинна (10 больше 9) или правая часть истинна (9 больше 8) выполняется действие.
   If (x<y || y>z) {действие} если левая часть (10 меньше 9) или правая часть (9 больше 8) истинная действие выполняется

   Надо заметить что если у вас в левой части выражение истинно то JS уже не проверяет правую часть, а стразу выполняет действие!

   Плюс если у вас все действия будут ложны, но хоть одно из них истинно то действие выполнится.
   ВНИМАНИЕ ОТНОСИТСЯ ТОЛЬКО К ОПЕРАЦИИ ИЛИ

   Операция НЕ

   Иногда при создании скрипта надо, делать так чтобы если условие не верно то что-нибудь выполнялось =). Да, объяснил не очень понятно, но когда я приведу пример вы все поймете. Синтаксис команды таков: if (!(условие)) {действие}

   Беру пример с X=10 и Y=9
   If (!(X<Y)) {действие}
   Действие выполнится тогда, когда X<Y (10 меньше 9) ложно.

   Надо обратить внимание, что есть сложные скрипты где надо, чтобы в одном условие было другое, например:
   Возьмем пример с 4 переменными X=10 Y=9 Z=8 A=7
   If (X > Y)
   {
   If (Z>A)
   {
   действие
   }
   }

   Из этого скрипта мы видим, что в первом условном операторе лежит второй условный оператор. Как вы, наверное, догадались, что можно вставить еще какое-нибудь действие в условный оператор. Кстати, этот кусок скрипта ни какой большой пользы не несет =).

   Else

   У условного оператора IF есть такая штука как else.
   Разберем часть кода:

   IF (X>=Y)
   {
   document.write("Привет");
   }
   Else
   {
   document.write("Пока");
   }

   Итак, в условном операторе IF мы проверяем условие, X больше или равно Y если да, то пишется "Привет". Если это условие не выполняется, то пишется "Пока". Понятно???

   Цикл FOR

   Оператор for позволяет повторить код определенное количество раз. У for следующий синтаксис.

   For (x=1; x<=3; x++)
   {
   Повторяемый код
   }

   Разбираемся. Чтобы отслеживать количество повторений кода, нам необходима переменная X, которая вела бы подсчет. И в первой части X получает свое начальное значение 1.

   Дальше идет проверяемое условие (x<=3) действие в фигурных скобках будет повторяться пока X<=3 равняется true.

   В третьей части мы видим инкрементирование или прибавление. Например, после каждого цикла к X будет приращиваться 1. То есть после 2 повторений оператора for X будет равен 3

   Есть так же функция декрементирования. Это обратная функция, то есть она отбавляет и записывается так X--, как вы понимаете, вместо X может стоять любая другая переменная.

   Функции

   И вот мы переходим к одной из самых необходимых вещей в JS T функциям. И не просто функциям, а к вашим собственным функциям!!!
   Синтаксис функций:

   function имя_функции ()
   {
   КОД ФУНКЦИИ
   }

   Имя функции может быть любое, кроме зарегистрированных функций JS: while () for()-.В круглых скобках заключен параметр или параметры функции.

   Функции с параметром:
   function yeah (parametr)
   {
   код функции
   }

   Вы спросите, зачем параметр??? Например вам надо создать функцию и передать этой функции какое-нибудь число или еще что-нибудь так вот это можно сделать через параметр.

   Пример:
   1#<HTML>
   2#<HEAD>
   3#<SCRIPT Language="JavaScript">
   4#function my_function (name)
   5#{
   6#document.write("Вас зовут:" + name);
   7#}
   8#</SCRIPT>
   9#</HEAD>
   10#<BODY>
   11#<SCRIPT Language= "JavaScript">
   12#x = prompt("Ваше имя");
   13#my_function (x);
   14#</SCRIPT>
   15#</BODY>
   16#</HTML>

   Разберемся с функцией. В 1-3 строчке все понятно. В четвертой мы создаем функцию my_function с параметром name. В 6 строчке после запуска функции мы сделаем так, чтобы параметр name написался в браузере.

   В 7-11 строчке ничего непонятного нет. В 12 мы создаем переменную Х и передаем ей то значение, которое напишет пользователь. В13 строчке мы вызываем функцию my_function и передаем ей значение переменной X. Надеюсь вы поняли как передаются парметры???

   Функция может принимать несколько параметров, например:
   function my_function(name,age)
   {
   код функции
   }


   Тогда при запуске функции надо указать несколько параметров.
   my_function (Vano,18)

   Теперь вы узнали что такое условные операторы, циклы и функции. Настала пора задавать вам домашнее задание.

   г Создайте скрипт, который выводил бы время, имя пользователя его возраст и рост. Скрипт должен состоять из 2-х функций одна вывод время, другая вывод инфы о пользователи. Функция с выводом инфы о пользователи, должна иметь три параметра: имя, возраст, рост. Желательно чтобы писалось следующее
   Ваше имя: Ваня
   Ваш возраст: 18
   Ваш рост: 180.

   Еще эта функция должна проверять что пользователь вводит числа.
   Функция с выводом времени должна выводить время как на часах, то есть 12 05 06.