Примеры задач. 
Языки программирования

Обработка динамических эффектов Тест по теме «Форсаж

Тест по теме «Форсаж».

Постановка вопроса:

Подобрать по 7 вопросов по каждому из Форсажей. Для каждого вопроса подобрать по 4 варианта ответов, выполненных элементами формы — переключателями. Предоставить пользователю возможность выбора одного из вариантов ответов на каждый вопрос. Создать кнопку для вызова результата тестирования. Дополнить форму кнопкой очистки элементов формы.

Модель формы:

• — test — имя формы;
• — q1, q2, …, q7 — имена групп переключателей формы.

Алгоритм:

• — r — массив номеров правильных ответов;
• — b — количество баллов, набранное пользователем при включении правильного ответа.
• 1. Создаём массив для номеров правильных ответов var r=new Array (2, 1, 0, 2, 3, 2, 3);
• 2. Задаём начальное значение переменной b=0;
• 3. Создаём функцию function test () для обработки переключателей формы;
• 4. Организуем цикл по номерам групп переключателей for (i=1,i<=7,i++);
• 5. В цикле используем условный оператор для проверки нажатия переключателя с правильным ответом if (document.fm.elements[" d" +i][r[i-1]]. checked), доступ к переключателю осуществляем с помощью вложенных объектов: document. Имя-Формы-Элемент-Массива-Переключателей;
• 6. Если условие=true, то увеличиваем переменную b на 1. {b++;};
• 7. Далее с помощью условного оператора выполняем проверку переменной b по заранее спланированному рейтингу, и с помощью панели alert выводим результат на экран.

HTML-код формы:

Обработка динамических эффектов «Смена изображения»

«Смена изображения».

Постановка вопроса:

Осуществить замену первого графического изображения на другое при наведении фокуса мыши на маленькую иконку другого.

Выполнить обратное действие при отведении фокуса мыши.

JavaScript-код задачи:

Алгоритм решения:

• 3. jpg — первое графическое изображение;
• 33−0.jpg, …, 33−11.jpgдругое графическое изображение;

document.images[0]. src — первый элемент массива графических изображений на Web-странице:

• 1. Устанавливаем первое графическое изображение img src="3.jpg" ;
• 2. Используем обработчик события onMouseOver для наведения на объект фокуса мыши onMouseOver="document.images[0]. src=33−0.jpg «, при этом осуществляем вывод второго графического изображения;
• 3. Используем обработчик события onMouseOut для отведения с объекта фокуса мыши onMouseOut="document.images[0]. src=3.jpg «, при этом осуществляем вывод первого графического изображения: