1744

A. В цикле по этим элементам проводится проверка: если элемент выбран (свойство checked имеет значение true), то в переменную Res суммируется значение value соответствующего элемента формы.

В зависимости от набранного количества очков выдается сообщение о результате тестирования.

При нажатии на кнопку «Сброс» происходит очистка элементов формы.

Рис. 46. Вид Web-страницы в окне браузера

80

Библиографический список

1. Монкур Майкл. Освой самостоятельно JavaScript 1.3 за 24 часа: пер. с англ.: уч.пос/М.Майкл. –М.: Издательский дом «Вильямс», 2000. – 304 с.

2.Николенко Д.С. Практические занятия по JavaScript/Д.С.Николенко. –М.: Наука и техника, 2000. – 128 с.

3.Флэнаган Д. JavaScript: подробное руководство: пер. с англ./Д.Флэнаган. – СПб.: Символ-плюс, 2004. – 992 с.

4.Днепров А. JavaScript на 100%/А.Днепров. – СПб: Изд-во Питер, 2007. –304 с.

5.Мэрдок К. JavaScript. Наглядный курс создания динамических Web-страниц: учебное пособие/К.Мэрдок. – М.; СПб.; Киев: Диалектика, 2001. – 288 с.

6.Гудман Д. JavaScript. Библия пользователя/Д.Гудман. – СПб.: Издательство

«Вильямс», 2006. – 1184 с.

7.http://www.ph4.ru/wm_colors.ph4

8.http://javascript.ru

81

Приложение 1

Использование методов ввода и вывода информации

1. Составьте программу на языке JavaScript, запрашивающую у пользователя фамилию, имя, отчество и группу. Данная информация вводится по следующим запросам, организованным с помощью окон ввода prompt:

Введите Вашу фамилию

Введите Ваше имя

Введите Ваше отчество

Введите название группы

Введенная информация отображается в окне браузера в следующем виде:

2. Составьте программу на языке JavaScript, при выполнении которой на экране будет отображено диалоговое окно:

При нажатии кнопки «ОK» выводится Окно1, при нажатии кнопки «Отмена» – Окно2:

82

3. Составьте программу, выполняющую следующие действия: сначала выводится первое окно, затем второе, затем отображается решение первого ребуса в окне браузера, затем выводится третье окно с заданием второго ребуса, а затем отображается решение второго ребуса в окне браузера.

83

4. Составьте программу, выдающую окно, и в зависимости от нажатия кнопки («OK» или «Cancel») – соответствующие сообщения в окне браузера.

Приложение 2

Линейный процесс. Условные операторы

1. Составьте программу на языке JavaScript, выполняющую следующие действия: вводятся катеты прямоугольного треугольника (prompt), вычисляются гипотенуза и площадь и результат выводится в окно браузера:

84

2.Составьте программу на языке JavaScript, выполняющую следующие действия: на экран выдается сообщение: 'Введите свое имя'. Если вводится знакомое программе имя (Ваше или друга), то в окне (alert) выводится сообщение 'Здравствуй, хозяин!'. Если введено незнакомое имя, то выводится сообщение 'А где хозяин?'.

3.Составьте программу на языке JavaScript c использованием условного оператора If, в которой в окнах ввода запрашивается информация:

1) Введите Ваше Имя

2) Введите Ваше Отчество

3) Введите Вашу Фамилию Если хотя бы одно поле не заполнено, выдается сообщение

(например, для поля Имя - 'Вы не ввели свое Имя' и т. п). Если все поля заполнены – выдается сообщение 'Ваши данные зарегистрированы'.

4.Для данного х (prompt) вычислить значение функции f(x) (результат вывести в окно вывода (alert), округлив результат до трех знаков после запятой):

5. Составьте программу на языке JavaScript, которая по заданному числу х определяет, принадлежит ли он отрезку [-12;1] и является ли четным.

Приложение 3

Оператор выбора. Использование функций

1. Вводится радиус R (prompt), а затем в зависимости от введенного символа: 'L', 'S', 'V' вычисляется соответственно длина окружности или площадь круга или объем шара (4/3 R3).

85

2.Составьте программу на языке JavaScript (используя оператор switch()), определяющую по введенному пользователем месяцу, сколько дней в этом месяце. Примечание: год может быть как високосным, так и нет.

3.Напишите программу на языке JavaScript, выполняющую следующие действия: вводятся имя и возраст, и выдается сообщение следующего вида – “Имя! Вам 20 лет.” (в зависимости от возраста в сообщении указывается год, года или лет). Например, “Костя! Вам 19 лет.”

Пояснение: слово ‘лет’ пишется, если остаток от деления на 10 для возраста получается равным 0, 5, 6, 7, 8, 9 или возраст находится в пределах от 11 до 15; слово ‘год’ пишется, если остаток от деления на 10 для возраста получается равным 1; слово ‘года’ пишется, если остаток от деления на 10 для возраста получается равным 2, 3, 4.

4.Вводятся три числа a, b и c (prompt) и с помощью функции вычисляются средние геометрические каждой пары из имеющихся чисел с выводом в окно браузера всех результатов в следующем виде:

Приложение 4

Использование циклов

1. Вводится число х (prompt). Составьте программу на языке JavaScript, которая печатает таблицу умножения натуральных чисел (от 1 до 10) на х в десятичной системе счисления.

86

2.Составьте программу на языке JavaScript, вычисляющую значения функции Y(x)=x2 * sin x +1 на отрезке [а; b] с шагом h=0,5 и выводящую эти значения в окно браузера. Значения a и b вводятся с помощью окна ввода prompt.

3.Вводятся числа и вычисляется их сумма до тех пор, пока она не станет кратной 5. Вводимые числа отображаются в окне браузера, а значения сумм в окне alert на каждом шаге.

4.Составьте программу на языке JavaScript, реализующую следующее условие: требуется ввести десять имен пользователей. Компьютер "знает" имена: Катя, Ваня, Сережа, Антон. После ввода имен пользователей выводится следующая информация:

а) В диалоговую панель: Ввод пользователей завершен б) В диалоговую панель: Количество знакомых имен = в) В диалоговую панель: Количество незнакомых имен =

г) В окне браузера отображаются все введенные имена пользователей.

5.Дан многоугольник из N вершин. Найти периметр этого многоугольника, последовательно вводя координаты его вершин и

вычисляя расстояния между соседними вершинами

(d (x2 x1)2 (y2 y1)2 ). В окно браузера вывести координаты всех вершин и периметр многоугольника.

Приложение 5

Работа со строками

1.Методом prompt() вводится произвольная строка. Составьте программу на языке JavaScript, производящую следующие действия:

а) вычисление длины строки; б) преобразование символов строки в прописные;

в) преобразование в полужирное начертание.

2.Вводится методом prompt() строка, содержащая фамилию, имя

иотчество, введенные через один пробел. Выводится строка, содержащая фамилию и инициалы, разделенные точками (например,

87

вводится строка «Иванов Петр Сергеевич», выводится строка «Иванов П.С.»). Учесть в программе, что возможен ввод символов на любом регистре (т.е. выполнить преобразование первых символов в прописные, а остальных – в строчные).

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

4. Вводится строка. Сформировать из нее новую строку, заменив в ней каждый символ «,» на символ «;», а символ «-» - на символ «:».

Приложение 6

Работа с массивами

1. Создайте массив, содержащий 6 названий групп и средний балл за сессию для каждой группы, следующего вида: АП41, 4.4, ЛОГ11, 4.1, ЛОГ12, 4.0 и т.д. Распечатайте в окне браузера в виде нумерованного списка названия групп по алфавиту. Посчитайте средний балл по всем группам и выведите под списком групп в окно браузера (рисунок).

Пояснения к выполнению задания:

а) отсортируйте элементы массива для того, чтобы баллы шли друг за другом и названия групп также шли друг за другом в массиве; б) выделите из полученного массива два массива: один с

названиями групп, другой с баллами за сессию;

88

в) выведите массив с названиями в окно браузера в виде нумерованного списка;

г) найдите среднее арифметическое в массиве с баллами и выведите в окно браузера.

2. Создайте массив, содержащий фамилии пользователей. Ввод данных осуществляется через запрос prompt() до тех пор, пока не будет введено пустое значение или не нажата кнопка «Cancel». После ввода все фамилии пользователей отобразите в виде маркированного списка в окне браузера.

3. Задайте двумерный массив из 5 строк и 3 столбцов, элементами которого являются пять ФИО своих друзей (5 строк): 1-й столбец содержит фамилии, 2-й – имена, 3-й – отчества. Выведите в окно браузера заголовок и фамилии и имена с нумерацией строк следующим образом:

1.Иванов Сергей

2.Петров Денис и т.д.

Приложение 7

Использование обработчиков событий в формах

1. Создайте форму, позволяющую пользователю ввести в полях формы следующую информацию и проверяющую правильность заполнения полей формы.

89