Урок 6. Организация циклов.

Теория Скрипт Результат Разбор скрипта Задание

А здесь мы познокомимся с организацией циклов while и for

Теория

Все языки программирования имеют дело с циклами (loop). В JavaScript бывают циклы двух видов: While и For . Циклы While — когда вы не знаете точно, сколько раз нужно повторять команду.

Синтаксис таков:

for (начальное значение; конечное; шаг) {S}

где S последовательность операторов.

Теперь while:

while(логическое выражение) {S}

последовательность операторов S будет повторятся пока истинно логичиское выражение

Теперь парочку примеров

<HTML>
<HEAD>
</HEAD>
<BODY>
<H3>Посчитаем до пяти</H3>
<script language="JavaScript">
   for (i=1; i<=5; i=i+1) {
      document.write(i + "<BR>");
   }
</SCRIPT>

...вот и все.

</BODY>
</HTML>

Теперь для while

<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
   loops=3;
   num=1;
   while (num <= loops) {
      document.write("Добрый ")
      num=num+1
   }
    document.write("Вечер!")
</SCRIPT>
</BODY>
</HTML>

Результат

Для for:

Посчитаем до пяти

Теперь для while:

Разбор Скрипта

Вроде бы все просто. В первом скрипите, мы выводим числа от 1 до 5, при выводе числа добавляем перенос строки для красоты :) Второй скрипт: сначала заводи две переменные, первая число повторений, вторая текущее значение, счетчик цикла. Да что я объясняю тут и так все ясно :)

Задание

Вам нужно, для начала, изменить пример для цикла while так число повторений слова "Добрый" пользователь вводил в окне запроса. Для цикла For: кнопка при нажатию на которую цвет фона документа менялся бы от 1 до 1000. Можете все это поместить на одной страничке, будет прикольно.

Ответ вы можете найти здесь