Стоимость заказа
Создадим документ, в котором располагается форма для ввода стоимости единицы наименования, при нажатии на кнопку вычисляется сумма всего заказа.
Функция sumb() используется без параметров. Введенные в форме значения сохраняются в локальных переменных a1,a2,a3,a4. Локальная переменная s служит для определения суммы, вычисленное значение записывается в соответствующее поле формы. Стандартная функция Number преобразует строковое значение в число. Выда-ваемое функцией значение определяется оператором return, в рассматриваемом случае это значение переменной s.
| Листинг 1.2. Использование сценария с функцией |
<HTML>
<HEAD>
<TITLE>Возвращаемое значение функции</TITLE>
<script>
function sum()
{ var a1= Number(document.form1.num1.value)
var a2= Number(document.form1.num2.value)
var a3= Number(document.form1.num3.value)
var a4= Number(document.form1.num4.value)
var s= a1+a2+a3+a4
return s
}
</script>
</HEAD>
<BODY>
<h4>Сумма заказа</h4>
<FORM name="form1">
<p>Введите цены и нажмите на кнопку Вычислить</p>
Наименование 1: <INPUT type="text" name="num1" size=4><br>
Наименование 2: <INPUT type="text" name="num2" size=4><br>
Наименование 3: <INPUT type="text" name="num3" size=4><br>
Наименование 4: <INPUT type="text" name="num4" size=4><br>
<INPUT type="button" value=Вычислить onClick="document.form1.res.value =sum()" ><br>
Стоимость заказа: <INPUT type="text" name="res" size=4><br>
<INPUT type="reset">
</FORM></BODY></HTML>
В результате выполнения вызова функции sum() вычисляется значение, которое записывается в текстовое поле результата с помощью оператора присваивания
document.form1.res.value= sum()
Сам оператор присваивания является значением параметра обработки события. Левая часть оператора присваивания соответствует свойству текстового поля, которое требуется изменить в результате выполнения сценария. Вызов функции выступает в роли выражения, значение которого используется в дальнейших вычислениях, в правой части оператора присваивания.