Урок 6 - Операторы цикла: for. арифметическая прогрессия (сумма);. арифметическая прогрессия (числа по порядку);. таблица умножения. Хотя JavaScript не универсален и не всемогущ, не велик и не ужасен, это всё же язык программирования, и он позволяет выполнять сложные математические вычисления.
Онлайн-игра тренажер Таблица умножения чисел от 1 до 12. Разместить ссылку на игру на сайте, блоге, форуме ( HTML код). Таблица умножения с кликабельными ячейками :) Скрипт в работе <! < title>Кликабельная таблица умножения с параметрами число. Все эти свойства обычно отрисовываются в виде HTML таблицы, это очень удобно мы решим такую простую задачу, как создание таблицы умножения : Этот код можно было бы назвать идеальным шаблоном.
( таблица умножения в диапазоне множителей с 2 до 9) и с цветом тоже как- то запуталась, HTML5Выделить код head> <meta http-equiv="content-type " content="text/ html; charset=windows-1251" /> <style> table,td. Его синтаксис напоминает оператор if: условие в круглых скобках, код — в А сейчас, допустим, нам захотелось вывести таблицу умножения — вот такую: Как мы помним из HTML, таблицы надстраиваются горизонтальными.
Иногда возникают ситуации, когда требуется многократно выполнить программный код, пока не выполнится определённое условие. Допустим, сдать карты в пасьянсе (очень хитроумная задача). Или сложить подряд числа от 1 до 15 (простейший вариант).
Для этих целей существуют операторы, которые позволяют выполнять циклы — повторяющиеся действия. Его синтаксис напоминает оператор if.
условие в круглых скобках, код — в фигурных. Но условие более сложное:. for ( начало; область действия; шаг ). Начало: здесь задаётся начальное условие, при котором оператор включается. Область действия: границы, в которых выполняется код. Шаг: способ продвижения цикла от начального к конечному условию.
Предположим, нам надо узнать и записать на странице сумму всех чисел подряд от 1 до 10. var i, x = 0 ; for ( i = 1 ; i <= 10 ; i ++) document. write ( x ).
Объявляем переменную счётчика i и переменную, собирающую знчения — x. Назначим ей нулевое значение. Все значения должны куда-то складываться, а неназначенная переменная — это Null («посмотришь на его место, и нет его»). Начальное значение счётчика — 1. Граница — до 10 включительно, то есть меньше или равно 10. Шаг — 1 (каждое следующее целое число). Привыкайте к специальным обозначениям.
Если не помните, что такое ++ или +=, зайдите в прошлый урок и посмотрите табличку. В коде x += i каждое новое значение счётчика приплюсовывается к переменной x. Затем выходим из цикла и публикуем на странице итоговое значение. А теперь чуть поинтереснее.
Вытащим на страницу все промежуточные значения счётчика. Для этого поместим document.
write не выходя из цикла (то есть внутри фигурных скобок). А чтобы числа не печатались сплошной нераздельной строкой, добавим в него разделитель:.
1; 3; 6; 10; 15; 21; 28; 36; 45; 55;. А как сделать, чтобы вся строка заканчивалась, скажем, точкойх. Для этого скомбинируем этот оператор с уже известным нам оператором if. else. То есть при последнем значении i (10) у нас должна выпасть точка, при остальных — точка с запятой и пробел:. 1; 3; 6; 10; 15; 21; 28; 36; 45; 55. Примечание: Кстати, вот оно, реальное различие методов write и writeln.
Вместо пробела здесь можно применить метод writeln. Если мы запишем.
то пробел делать не обязательно, его поставит сам метод. Поскольку конечное значение счётчика — уже существующее условие, а не назначаемая величина, ставим сдвоенное равенство. И не запутайтесь в фигурных скобках. А сейчас, допустим, нам захотелось вывести таблицу умножения — вот такую:. Да чтобы руками эту таблицу не форматировать и опечаток не наделать. Давайте найдём алгоритм для составления такой таблицы.
Как мы помним из HTML. таблицы надстраиваются горизонтальными рядами <tr>. которые, в свою очередь, делятся на ячейки <td>.
Рассмотрим содержимое первого горизонтального ряда. Первый множитель увеличивается на единицу. Второй остаётся без изменений. А в вертикальных столбцах — наоборот. Первый стоит на месте, а второй приращивается.
Рядов <tr> в нашей таблице девять (от 2 до 10), а колонок в каждом из них по 8 (от 2 до 9). Попробуем сначала сформировать все <tr> через счётчик i. Почему от 2 до 10, а не от 1 до 9. Догадайтесь с трёх раз. Ну конечно, мы их потом будем использовать и для значений содержимого таблицы, а оно начинается с 2х2.
Наш первый <tr> должен выглядеть вот так ( × — это спецсимвол HTML для отображения «школьного» знака умножения):. То есть внутри него ещё один цикл — из </td>. Эти циклы можно вкладывать, как и операции с if. else. Вложим.
Для второго цикла определим счётчик j.