Задание 3.4. «Расчет зарплаты членов бригады при получении суммы в у.Е. И использовании в программе форм»
Цель задания: Научиться создавать Web – документ со сценарием на языке JavaScript с использованием форм.
Задание: Создать форму для вычисления зарплаты в рублях членов бригады, если суммарный заработок бригады получен в у.е. Условия задания приведены в примере 3.2. Ввод исходных данных осуществить при помощи форм. При вычислениях использовать функцию. Предусмотреть размещение результатов вычислений в поля формы. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS4.
Вид формы до заполнения:
Вид формы после заполнения полей формы данными и нажатия кнопки «Вычислить»:
Задание 3.5 «Самостоятельная работа»
Рассчитать зарплату каждого члена бригады и бригадира при получении зарплаты за работу в у.е. Зарплату вычислить с учетом отчислений на подоходный налог в размере 12% от полученной зарплаты для членов бригады и 15% для бригадира. Вычислить суммарные отчисления в бюджет. Исходные данные принять в соответствии со своим вариантом из таблицы 3.2.
Для вычислений требуется составить программу:
а) с использованием функции;
б) с использованием форм.
Часть 4. «Создание динамических графиков»
В этом разделе рассмотрена программа для создания приближающегося рисунка. Рисунок после наведения на него указателя курсора начинает приближаться. Для этого используется функция gpict( ). Код программы для функции gpict( ) приведен ниже на Листинге 4.1.
Листинг4.1 Код программы для функции gpict ( )
Функция gpict() это функция, создаваемая пользователем. Она использует стандартную функцию setTimeout("gpict()",500). При помощи функции setTimeout("gpict()",500) производится повторный вызов функции gpict() через каждые 500 миллисекунд (число 500 можно заменить на другое значение). При каждом повторном вызове функции ширина рисунка w увеличивается на 10. В данной программе начальная ширина w=100. Увеличение происходит до заданного значения. В данном примере это 300. Этим достигается эффект приближения рисунка. При достижении конечного значения процесс приближения прекращается. В сценарии также используется стандартная функция onMouseOver="gpict()". При наведении указателя курсора на рисунок осуществляется вызов функции gpict() . Полностью код программы приведен на Листинге 4.2.
Листинг 4.2 Код программы для создания приближающегося изображения
В листинге используется имя рисунка p1.jpg. В программе рисунку присваивается имя mypict.
Метод setTimeout( ) создает таймер, который выполняется только один раз по истечении указанного времени. Этот метод использует синтаксис: setTimeout(выражение или выполняемый код, временной интервал в миллисекундах).
В нашем примере setTimeout("gpict()",500) указывает на выполнение функции gpict() с интервалом в 500 мсек.
Событие MouseOver имеет обработчик onMouseOver. Возникает при попадании указателя мыши на поверхность объекта. В нашем примере событие возникает при наведении указателя курсора на рисунок.
Задание 4.1 «Создание динамических графиков в Веб- документе»
Цель задания: Научиться создавать динамический рисунок в Веб – документе.
Задание:
Составить код программы для включения в Веб – документ динамического рисунка. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS5. Поместить рисунок с именем p1.jpg в свою папку.