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

Наименование: Использование циклов в сценариях JavaScript

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

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

1. Какие операторы цикла вам известны?

2. В каких случаях каждый из операторов применяется?

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

3.1 Шомас Е.А. Конспект лекций по МДК.В.01.03 «Веб - программирование»

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

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

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

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

4.2 Браузеры

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

5. Задание:

1. Создайте документ HTML с заголовком «Сюрприз». Фон документа должен быть белым. Потом с помощью JavaScript досчитайте до 5, на этом этапе цвет фона меняется на желтый и появляется текст: «Скоро будет еще один цветной сюрприз…». Снова досчитайте до 5, и измените цвет фона.

2. Запросите у пользователя запрос: «Сколько раз пожелать вам доброго дня?». Ограничимся предельным значением – 25. Пожелайте доброго дня столько количество раз, сколько запросил пользователь.

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

   1. Для выполнения первого задания воспользуйтесь оператором for.

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

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

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

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

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

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

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

   1. Для каких целей в сценариях используют счетчики?

   2. Чем отличаются операторы while от do…while?

ПРИЛОЖЕНИЕ:

Для многократного выполнения кода используют операторы цикла. Кроме того, циклы предоставляют удобные средства для манипулирования массивами.

Оператор for служит для создания цикла. Синтаксис:

for (выражение инициализации; выражение условия; выражение цикла)

{

операторы;

}

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

Пример: Выведем в окно браузера числа от 1 до 5.

<script language="JavaScript">

for (i=1; i<=5; i=i+1)

{

document.write(i + "<br>");

}

</script>

Оператор while сходен с оператором for, но он не производит инициализацию и инкремент счетчика в своем объявлении. Синтаксис:

while (выражение условия) {

операторы;

}

Если выражение условия в цикле while сразу ложно, то операторы не выполнятся ни разу.

Оператор do…while практически идентичен оператору while, но, поскольку в нем проверка условия осуществляется в конце, он гарантирует выполнение операторов, по крайней мере, один раз. Синтаксис:

do {

операторы;

} while (выражение условия)

Пример: Пожелаем Доброго вечера три раза

<script language="JavaScript">

var l=3; n=1;

while (n<=l){

document.write("Добрый ");

n=n+1;

}

document.write("вечер!")

</script>