Задание

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

<SCRIPT LANGUAGE="JavaScript">

// Автор этого скрипта Тоистова Анна, korwilio@yandex.ru my = new Date(); var mpo = my.getMonth(); var mpo1 = mpo + 1 document.write("<font color='green'>Привет! Сегодня " + my.getDate() + "/" + mpo1 + "/" + my.getFullYear() + "." + " Время " + my.getHours() + " часов " + my.getMinutes() + " минут и " + my.getSeconds() + " секунд.</font>");</SCRIPT>

Часть четвертая

Работа с переменными

Рассмотрим два случая работы с переменными: получение информации от пользователя и создание самостоятельных переменных в JavaScript.

Снова понадобится стандартный формат от <SCRIPT LANGUAGE="javascript"> дo </SCRIPT>. Вот что мы собираемся сделать: мы спросим у пользователя, как его зовут, и присвоим этому имени переменную. Как только переменная будет присвоена, мы сможем ввести ее в строку document.write, которая напечатает это имя на странице.

Рассморим скрипт

<SCRIPT LANGUAGE="javascript">

/* Скрипт предназначен для того, чтобы получить от пользователя информацию и поместить ее на страницу */ var user_name = prompt ("Напишите свое имя","Здесь"); document.write("Привет, " + user_name + "! Милости просим!");

</SCRIPT>

Примечание: Текст в скобках должен располагаться на одной строке

Вот новые команды : /* */

Она означает комментарий внутри скрипта. Так же можно воспользоваться двойной дробью //, отделяющую текст вашего комментария от скрипта. Это то же самое, но лучше. Двойную дробь необходимо ставить в начале каждой новой строки. Эти же команды годятся для пространных комментариев. Нужно поставить /* в начале и */ в конце, и все, что окажется между этими знаками, останется комментарием и не войдет в скрипт.

Создание переменной

Переменные имеют первостепенное значение в JavaScript. Например, Вы назначаете имя, состоящее из одного слова, функции JavaScript. Можно поместить дату на страницу с помощью метода getDate(). В строке document.write мы написали метод getDate() целиком. Но если нужно было бы написать это десять раз на одной и той же странице?

Потому и вводим переменную, которая должна представлять окончательный результат метода. Возьмем, к примеру, переменную d. Тогда нам нужно будет только однажды написать getDate() и назначить методу переменную d. И на протяжении всего оставшегося скрипта будем просто писать d там, где нужно поставить дату.

Вернемся к примеру:

Вот строка из скрипта, которая назначает переменную:

var user_name = prompt ("Напишите свое имя","Здесь")

Переменная была создана по следующей схеме:

• var (от variable, переменная) объявляет, что следующим словом будет имя переменной.

• user_name (имя пользователя) — имя переменной. Оно необязательно должно быть таким длинным.

• Помните, что регистр имеет значение для JavaScript, следовательно, если вы назвали переменную Dog, то буква D каждый раз должна быть заглавной, иначе браузер посчитает их за два разных слова.

• Здесь нет никаких кавычек, просто ставьте одно слово за другим, как показано выше.

• Знак равенства = указывает на то, что переменная будет равна результату следующей команды.

• В нашем случае переменная будет представлять результат, полученный с помощью окна запроса.

Команда Prompt

В данном примере используется новая командой prompt (запрос). Это метод, вызывающий окно для ввода значения переменной. Вот формат запроса:

var variable_name = prompt("Текст в окне","Текст в строке ввода")

Имя переменной включенo в схему скрипта, иначе вы получили бы запрос, но полученные им данные никуда бы не пошли.

Если вам интересно...

• Чтобы строка ввода оставалась чистой, ничего не пишите между второй парой кавычек.

• Если вы не укажете в скобках второй пары кавычек, в строке появится слово undefined.

• Если вы написали что-либо в строке ввода и пользователь выберет ОК, ничего не меняя, на странице появится то, что вы написали.

• Если в строке ввода ничего нет и пользователь выберет OK, ничего не вписав, на странице появится слово null.

Продолжим разбор

Перейдем к основной части:

var user_name = prompt ("Напишите свое имя","Здесь");

document.write("Привет, " + user_name + "! Милости просим!");

• Имя переменной user_name присвоено результату запроса.

• prompt просит пользователя написать свое имя.

• В строке ввода читаем: "Здесь."

• Точка с запятой в конце строки.

• document.write вызывает текст "Привет, ".

• Знак плюс + отмечает, что все элементы идут друг за другом.

• user_name вводит результат запроса. Никаких кавычек — эти слова не нужны нам на странице.

• Еще плюс.

• "! Милости просим!" завершает текст.

• Точка с запятой.