Лабораторні роботи з КМІ / Лабораторна робота № 17

ЛАБОРАТОРНАЯ РОБОТА № 17

Использование переменных в JavaScript

1. Теоретические сведения

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

Переменную можно использовать для диалога с пользователем, например: спросим у пользователя, как его зовут, и присвоим этому имени переменную. Как только переменная будет присвоена, можно ввести ее в строку document.write, которая напечатает это имя на странице.

<SCRIPT LANGUAGE="javascript">

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

</SCRIPT>

Текст в скобках должен располагаться на одной строке.

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

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

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

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 вводит результат запроса. Кавычек нет, т.к. эти слова не нужны на странице.

• Еще плюс.

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

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

Начало формы

Конец формы

2. Ход работы

1. Создать переменную, согласовав ее содержание с преподавателем и отобразить на странице несколько раз.

2. Используя переменную, создать диалог с пользователем (тему диалога согласовать с преподавателем). Количество запросов – не менее трех.

3. Содержание отчета

1. Выполнить все пункты задания.

2. Представить коды выполненных операций.

3. Представить результат выполненной работы.

4. Исходные файлы сбросить на сервер \\academy.

4 Задания и вопросы для аттестации

1. Что такое переменная в JavaScript?

2. Приведите примеры использования переменной.

3. Назначение команды prompt.

4. Как сделать, чтобы строка ввода в диалоге оставалась чистой?

5.  Какого правила желательно придерживаться при выборе имени переменной?