- •1. Введение
- •2. Динамическое заполнение страницы
- •3. Циклы
- •3.1. Цикл do .. While
- •3.2. Цикл while
- •3.3. Примеры
- •3.4. Конструкция for
- •Общий синтаксис и принцип работы конструкции for:
- •Пример использования:
- •Комментарий к примеру:
- •Некоторые особенности синтаксиса for:
- •Инициализация управляющей переменной.
- •Изменение управляющей переменной.
- •Условие.
- •3.5. Ключевые слова break и continue. Оператор break
- •Комментарии к примеру:
- •Оператор continue
- •Комментарии к примеру.
- •3.6. Примеры
- •3.7. Вложенная конструкция циклов
- •Еще один пример:
- •Комментарий к коду:
- •4. Самостоятельное задание:
Комментарий к коду:
1. Управляющая переменная внешнего цикла – str контролирует количество строк в прямоугольнике.
2. Управляющая переменная внутреннего цикла – star_count контролирует количество символов в каждой строке.
3. length – длина стороны прямоугольника
4. После обрисовки каждой строки, во внешнем цикле осуществляется переход на следующую строчку прямоугольника.
Тоже самое можно сделать при помощи цикла for:
<html> <head> <script type="text/javascript"> var length = 20; for(var str = 1; str <= length; str++) { for(var star_count = 1; star_count <= length; star_count++) { document.write("*"); } document.write("<BR>"); } </script> </head>
Примечание:
Обратите внимания, что, несмотря на то, что количество строк соответствует количеству символов в строке - на экране не квадрат!!! Это связано с тем, что высота и ширина символа разные.
4. Самостоятельное задание:
Попробуйте решить следующее задание самостоятельно: Вывести на экран таблицу умножения (от 2 до 10) при помощи циклов (вложенных конструкций). Таблицу раскрасить, как шахматную доску.