Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ЛабораторнаяРабота_JavaScript_Примеры_задания.doc
Скачиваний:
17
Добавлен:
26.11.2018
Размер:
566.27 Кб
Скачать

Задание 3.2 . «Расчет зарплаты членов бригады при получении суммы в у.Е.»

Цель задания: Научиться создавать сценарий на языке JavaScript

Задание: Создать Веб – документ, включающий сценарий на языке JavaScript, для расчета зарплаты членов бригады, если суммарный заработок бригады получен в у.е. Условия задания приведены в примере 3.2. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS2.

Таблица 3.2 Варианты задания

Вариант

Число членов бригады

Сумма заработка

S, у.е.

Доплата бригадиру,

D, руб.

Курс,

руб. за 1 у.е.

1

5

500

1500

29,20

2

6

750

2000

29,40

3

7

1000

2500

29,50

4

8

1250

3000

29,60

5

9

1500

3500

29,65

6

10

2000

4000

29,00

7

11

2250

4500

28,50

8

12

2500

5000

28

9

13

2750

5500

27,5

10

14

3000

6000

27,2

11

15

3500

6500

27

3.3 Использование функций в сценариях.

Использование функций в сценариях рассмотрим на примере 3.3.

Пример 3.3 «Расчет зарплаты членов бригады, используя функцию в сценарии»

Пусть требуется рассчитать заработок членов бригады. Условия из примера 3.2. Для выполнения вычислений в примере используется функция. Функции дадим имя F1.

Код программы с использованием сценария на языке JavaScript при использовании функции F1 может иметь вид, представленный ниже на Листинге 3.4.

Листинг 3.3 Код программы с использованием функции

При описании функции использованы формальные параметры S, k, D, n. Вызов функции осуществляется при помощи обращения F1(S1, k1, D1, n1). В обращении формальные параметры S, k, D, n заменены фактическими параметрами S1, k1, D1, n1. Вычисленное значение а возвращается в программу и при помощи метода write объекта document выводится на экран монитора.

Задание 3.3 . «Расчет зарплаты членов бригады при получении суммы в у.Е. И использовании в программе функции»

Цель задания: Научиться создавать Web – документ со сценарием на языке JavaScript с использованием функции.

Задание: Вычислить зарплату в рублях членов бригады, если суммарный заработок бригады получен в у.е. Условия задания приведены в примере 3.2. При вычислениях использовать функцию. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS3.

3.4 Использование форм для создания интерактивных документов

В интерактивных документах предоставляется возможность удобного формализованного ввода исходных данных и формализованного вывода результатов вычислений. Для этого используются формы. Для примера 3.3 в поля форм вводятся значения суммарного заработка S в у.е., курса валюты K в рублях за 1 у.е. k, доплаты бригадиру D в рублях, число членов бригады n, включая бригадира. Результаты вычислений помещаются в соответствующие поля форм после нажатия левой клавишей мыши по кнопке Вычислить.

Действия пользователя (например, нажатие на клавишу мыши или другие действия с элементами форм HTML) вызывают событие. В коде программы перехват и обработка события задается в параметрах элементов форм. Имя параметра обработки события начинается с приставки on. После этого следует имя события. Так, событие Click, обусловленное нажатием клавиши мыши, записывается как onClick. Параметрами обработки события могут быть операторы языка JavaScript. Так можно задать вызов функции, которая должна выполняться при возникновении события. Например, onClick = “F1(фактические параметры функции)”. Для работы с формой в языке принята следующая конструкция:

< FORM name=”form1”>

Описание формы

</FORM>

Здесь form1 это заданное пользователем имя формы.

Так, для работы с формой при помощи которой вводятся фактические параметры функции и помещаются в параметры обработки события можно записать в виде кода программы, представленной на Листинге 3.4

Листинг 3.4 Код программы с формой.

Пример 3.4

Ниже на Листинге 3.5 приведен код программы на языке HTML с включением сценария на языке JavaScript, в котором используется форма для ввода значений и производится обработка значений из формы. Условия задачи соответствуют примеру 3.3.

Листинг 3.5 Код программы с включением формы