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

ФЕДЕРАЛЬНОЕ АГЕНТСТВО СВЯЗИ

Федерального государственного образовательного бюджетного учреждения

Высшего профессионального образования

«Поволжский государственный университет телекоммуникаций и информатики»

КОЛЛЕДЖ СВЯЗИ

УТВЕРЖДАЮ: Директор КС ПГУТИ ___________Камышенков Г.Е. «_____»______________2014г.

СБОРНИК ПРАКТИЧЕСКИХ ЗАНЯТИЙ (16 – 30)

по междисциплинарному курсу (МДК.В.02.03)

«РАСПРЕДЕЛЕННЫЕ СИСТЕМЫ ОБРАБОТКИ ИНФОРМАЦИИ»

для студентов специальности:

09.02.04 – Информационные системы

Разработал преподаватель: Шомас Е.А.

Рассмотрено на заседании ПЦК «Информационных систем и технологий» Председатель ____________ Шомас Е.А. Протокол №____ от ___________2014г.

Самара 2014г.

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

Наименование: Создание простого сценария в JavaScript

1. Цель: Научиться составлять простые сценарии JavaScript и внедрять их в HTML – код

2. Подготовка к занятию: по предложенной литературе повторить тему «Основные понятия и определения языка JavaScript» и ответить на следующие вопросы:

2.1 Синтаксис языка JavaScript?

2.2 Где можно разместить сценарии JavaScript в HTML – документе?

2.3 Какие методы объекта Window вам известны?

3. Литература:

3.1 Шомас Е.А. Конспект лекций по дисциплине «Распределенные системы обработки информации»

3.2 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.

3.3 Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript. – СПб.: Питер, 2011. – 496 с

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Текстовый редактор

5. Задание:

5.1 Используя метод prompt (), узнайте у пользователя его имя, а далее с помощью метода alert () поприветствуйте его.

5.2 Измените сценарий таким образом, чтобы приветствие выводилось в окне браузера.

5.3 Напишите сценарий, в котором происходит сложение следующих типов, данных:

- число – число;

- строка – строка;

- число – строка;

В браузере отобразите вывод который вы получили.

6. Порядок выполнения работы:

6.1.1Сначала необходимо объявить переменную;

6.1.2 Введенное пользователем имя присваивается объявленной переменной: переменная = prompt ();

6.1.3 Используйте метод alert () для вывода введенного имени;

6.2.1 Вместо метода alert (), воспользуйтесь конструкцией document.write("Привет, "+ ваша переменная +". Спасибо, что зашли.")

6.3.1 Объявите переменную, в которой происходит

- сложение двух числовых данных (например, 5 и 5)

- сложение числовых и строковых данных (5 и «5»)

- сложение строковых данных («5» и «5»)

6.3.2 Выведите в браузере строку с полученным выводом (Вывод: если происходит сложение числа и строки, результатом будет …)

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

7.1 Наименование и цель работы

7.2 Код программы. Полученные выводы.

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

8. Контрольные вопросы:

8.1 Какие методы ввода/вывода информации используются в JavaScript?

8.2 Как сценарий JavaScript внедряется в HTML – документ?

8.3 К каким языкам программирования относится JavaScript?

ПРИЛОЖЕНИЕ:

JavaScript — это объектно-ориентированный язык программирования, предназначенный для написания сценариев, работающих как на стороне клиента, так и на стороне сервера.

Рассмотрим основные методы ввода/вывода информации в сценариях JavaScript:

Метод alert () применяется для вывода на экран простейшей диалоговой панели, отображающей какое – либо сообщение. После вызова этого метода выполнение сценария задерживается до тех пор, пока пользователь не нажмет кнопку ОК в окне с сообщением. Синтаксис: alert (“Сообщение”)

С помощью метода confirm () можно отобразить на экране диалоговую панель с вашим сообщением, но она уже будет содержать две кнопки – ОК и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвратит значение true или false.

Если вам необходимо получить от пользователя одну текстовую строку, то можете применить метод prompt (). Он отображает на экране диалоговую панель, в которой есть одно текстовое поле ввода и кнопка ОК. Когда пользователь нажимает эту кнопку, метод возвращает введенную строку.