Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 116 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

</head>
<body>
<form name="form1">
Основание: <input type="text" name="st1" size="5">
Высота: <input type="text" name="st2" size="5">
<input type="button" value="Вычислить" onClick="form1.res.value = form1.st1.value * form1.st2.value / 2">
Площадь: <input type="text" name="res" size="5">
</form>
</body>
</html>
2. Вычисление среднего дохода.
Вводится информация о доходах за каждый месяц с первого полугодия. Определить средний доход в месяц за рассмат-
риваемый период.
<html>
<head>
<title>Вычисление среднего дохода</title>
<script>
<!--
function val(obj){
var a1 = 1 * obj.num1.value
var a2 = 1 * obj.num2.value
var a3 = 1 * obj.num3.value
var a4 = 1 * obj.num4.value
var a5 = 1 * obj.num5.value
var a6 = 1 * obj.num6.value
var s = (a1 + a2 + a3 + a4 + a5 + a6) / 6
obj.res.value = s
}
//--></script>
</head>
<body>
<form name="form1">
Январь: <input type="text" name="num1" size="8">
Февраль: <input type="text" name="num2" size="8">
Март: <input type="text" name="num3" size="8">
Апрель: <input type="text" name="num4" size="8">
Май: <input type="text" name="num5" size="8">
Июнь: <input type="text" name="num6" size="8">
<input type="button" value="Вычислить" onClick="val(form1)">
<input type="reset" value="Сбросить">
Средняя зарплата: <input type="text" name="res" size="8">
</form>
</body>
</html>
Обработка события onClick выполняется по щелчку мыши на кнопке "Вычислить".
3. Реакция на событие onChange.
Вычислить площадь квадрата. В форме определяем 2 текстовых поля: одно для длины стороны квадрата, другое – для
вычисленной площади.
Площадь квадрата вычисляется, когда значение элемента формы с именем num1 изменилось и элемент потерял фокус.
<html>
<head>
<title>Реакция на событие onChange</title>
<script>
<!--
function srec(obj){
obj.res.value = obj.num1.value * obj.num1.value
}
//--></script>
</head>
<body>
</body>
<form name="form1">
Сторона: <input type="text" name="num1" size="8" onChange="srec(form1)">
Площадь: <input type="text" name="res" size="8">
<input type="reset" value="Обновить">

Страницы