Практическое занятие 14

Тема: Запрос пользователю и переменные.

В этом занятии две концепции. Одна только для тех случаев, когда вы решите запросить у пользователя
информацию. Вторая — создание переменных в JavaScript.
Вот что мы собираемся сделать: мы спросим у пользователя, как его зовут, и присвоим этому имени
переменную. Как только переменная будет присвоена, мы сможем ввести ее в строку 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 (имя пользователя) — имя переменной. Я его придумал. Оно необязательно должно быть
таким длинным. Можно было бы назвать ее N, если бы захотелось. Просто удобнее так называть
переменные, чтобы легко было вспомнить, о чем идет речь.
Помните, что регистр имеет значение для JavaScript, следовательно, если вы назвали переменную Dog,
то буква D каждый раз должна быть заглавной.
Здесь нет никаких кавычек, просто ставьте одно слово за другим, как показано выше.
Знак равенства «=» указывает на то, что переменная будет равна результату следующей команды.
В нашем случае переменная будет представлять результат, полученный с помощью окна запроса.

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

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

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

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

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

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

prompt просит пользователя написать свое имя.
В строке ввода читаем: "Здесь"
Точка с запятой в конце строки.
document.write вызывает текст "Привет, ".
Знак плюс + отмечает, что все элементы идут друг за другом (конкатенация).
user_name вводит результат запроса. Никаких кавычек — эти слова не нужны нам на странице.
Еще знак плюс.
"! Милости просим!" завершает текст.
Точка с запятой.
Пожалуйста, постарайтесь хорошенько понять концепцию переменных. В этом языке они
используются постоянно. Без них не обойтись.

Ваше задание
1. Законспектируйте изложенный материал.
2. Разберите скрипты самостоятельно, создав предварительно сайт, содержащий их
<SCRIPT LANGUAGE="javascript">
var name = prompt("Напишите своё
имя, пожалуйста","")
var d = new Date();
var y = d.getFullYear();
var da = d.getDate();
var m = d.getMonth() + 1;
var t = da + '/' + m + '/' + y;
document.write("<TITLE>")
document.write("Привет, " + name +
". Сегодня " + t + ". Спасибо,
что зашли.");
document.write("</TITLE>")
</SCRIPT>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
var timeStr, dateStr;
function clock()
{
now = new Date();
// время
hours = now.getHours();
minutes = now.getMinutes();
seconds = now.getSeconds();
timeStr = "" + hours;
timeStr += ((minutes < 10)? ":0" : ":") +
minutes;
timeStr += ((seconds < 10)? ":0" : ":") +
seconds;
document.clock.time.value = timeStr;
// дата
date = now.getDate();
month = now.getMonth() + 1;
year = now.getFullYear();
dateStr = "" + date;
dateStr += ((date < 10)? ".0" : ".") + month;
dateStr += "." + year;
document.clock.date.value = dateStr;
Timer= setTimeout("clock()", 1000);
}
// -->
</Script>
</head>

<body onLoad="clock()">
<form name="clock">
Время: <input type="text" name="time" size="8"
value=""><br>
Дата: <input type="text" name="date" size="10"
value=""></form>
</body>