Лабораторная 4
Перестановка двух изображений (dmi11)
В документе заданы два изображения. Требуется написать сценарий, который осуществляет перестановку заданных изображений.
При нажатии на кнопку Обменять изображения меняется местами. Функция chpict () вызывается как реакция на событие "щелчок по кнопке" Обменять. Изображения задаются в документе с помощью тегов. Значение параметра src определяет имя файла, в котором хранится изображение. Переменная l служит для того, чтобы запомнить имя файла. который связан с первым изображением.
<head>
<title>dmi11</title>
<script language="JavaScript">
<!-- //
function chpict ()
{var d=document
var l=d.pm1.src
var t=d.pm2.src
d.pm1.src=t
d.pm2.src=l
}
//-->
</script>
</head>
<body bgcolor=F8F8FF>
oooooooo
<img src="roze.jpg" name=pm1 width=100>
<img src="ship.jpg" name=pm2 width=100>
<form name="form1">
<input type="button" value="Обменять" onClick="chpict()">
</form>
</body>
</html>
Задание: Разобраться в программе и подставить свои картинки.
Объект Math и его методы
В языке Java Script определены некоторые стандартные объекты и функции, пользоваться которыми можно без предварительного описания. Одним из стандартных объектов является объект Math. В свойствах упомянутого объекта хранятся основные математические константы, а его методы можно использовать для вызова основных математических функций.
Методы объекта MATH.
Метод объекта Описание метода
abs абсолютное значение
sin,cos,tan тригонометрические функции
log натуральный логарифм
exp экспонента
min наименьшее значение двух аргументов
max наибольшее значение двух аргументов
pow показательная функция
sqrt квадратный корень
Вычисление площади и периметра треугольника
Top of Form 1
Напишем
сценарий вычисление площади и периметра
треугольника, заданного длинами сторон.
Для того чтобы вычислить площадь треугольника по длинам сторон, можно воспользоваться формулой Герона, в соответсвии с которой требуется применить функцию извлечения квадратного корня. Поэтому применяем метод sqrt объекта MATH: MATH.sqrt
(dmi12)
<html>
<head>
<title>dmi11</title>
<script language="JavaScript">
<!-- //
function care (obj)
{var a=obj.st1.value
var b=obj.st2.value
var c=obj.st3.value
var s; p=a*1+b*1+c*1;
document.writeln ("pppp", p, "<br>");
p=p/2;
s=Math.sqrt(p*(p-a)*(p-b)*(p-c));
document.write ("pppp", s);
}
//-->
</script>
</head>
<body>
oooooooo
<form name="form1">
c1: <input type="text" size=7 name="st1"><hr>
c2: <input type="text" size=7 name="st2"><hr>
c3: <input type="text" size=7 name="st3"><hr>
<input type="button" value=bbbbbb onClick="care(form1)"><hr>
<input type="reset" value=ooooo>
</form>
</body>
</html>
Вычисление гиперболических функций
Bottom of Form 1
Напишем сценарий вычисления гиперболического синуса
sh(x)= (ex-e-x ) / 2
<html>
< head>
<script language="JavaScript">
< !-- //
function sh(x)
{var y=(Math.exp(x)-Math.exp(-x))/2; return y}
< /script>
</head>
< body bgcolor=aqua>
Вычислить функцию< form name="form1"> Введите значение x:
<input type="text" size=5 name="arg"> гиперболический синус: <input type="text" size=20 name="res">
<input type="button" value="синус" onClick="form1.res.value=sh(form1.arg.value)"> <input type="reset" value=Обновить> </form> /body> /html> .
Задание: Напишем сценарий вычисления гиперболического косинуса.
Упражнения (дополнительно)
1.Вводится информация о доходах сотрудника за первый квартал текущего года. Требуется определить:
-общую сумму дохода за квартал;
-сумму подоходного налога (13%);
-сумму, подлежащую выдаче на руки.
2. На плоскости заданы координаты трех точек. Напишите сценарий, который вычисляет площадь треугольника.
3.Напишите сценарий, который для точки, заданной координатами на плоскости, определяет расстояние до начала координат.
4. Напишите сценарий, который обменивает местами значения двух введенных переменных.
5. Напишите сценарий, который определяет объем шара и площадь боковой поверхности, если известен радиус.
6.Задан радиус окружности. Определите длину окружности и площадь соответствующего круга.
7. Задана окружность (координатами центра и радиуса) и точка вне окружности. Определите длину касательной из заданной точки к окружности.
8.Определите расстояние между двумя точками на плоскости, заданными своими координатами.
Лабораторная 5
Организация ветвлений в программах. Условный оператор.
При составлении программы часто необходимо
выполнение различных действий в зависимости
от результатов проверки некоторых условий. Для
организации ветвлений можно воспользоваться
условным оператором, который имеет вид:
if B {S1}
else {S2}
где
B- выражение логического типа
S1 и S2- операторы
Выполнение условного оператора осуществляется
следующим образом. Вычисляются значения выраже
ния B. Если оно истино, то выполняются операто
ры S1, если ложно - операторы S2. Если последо
вательность операторов S1 и S2 состоит лишь из
одного оператора, то фигурные скобки можно опус
тить. Возможна сокращённая форма условного опера
тора:
if B {S}
где
B- выражение логического типа
S- последовательность оператор
Выполнение краткого условного оператора осуществ
ляется следующим образом. Вычисляется значение
выражения B. Если оно истино, то выполняются
оператор S
Максимальное значение.
Заданы три числа a, b, c. Требуется сценарий,определяющий
максимальное значение.
Поступим следующим образом. Сначала максимальным значением
m будем считать значение a, а далее значение b сравним с
максимальным. Если окажется, что значение b большим m, то
максимальным становится b. И, наконец, значение c сравни
вается с максимальным значением из предыдущих значений a и b
Если с больше m, то максимальным становится c. Оператор прис
ваивания obj.res.value=m обеспечивает запись вычисленного
максимального значения в соответствующее поле формы. Функция
Number(S) преобразует объект S, заданный в качестве параметра
в число.
(dmi13)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>dmi13</TITLE>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
<!-- //
function maxval (obj)
{var a = Number(obj.num1.value);
var b = Number(obj.num2.value);
var c = Number(obj.num3.value);
var m=a
if (b > m) m=b
if (c > m) m=c
obj.res.value=m
}
//-->
</SCRIPT>
<META content="MSHTML 5.00.3502.5390" name=GENERATOR></HEAD>
<BODY>max
<FORM name=form1>c1: <INPUT name=num1 size=8>
<HR>
c2: <INPUT name=num2 size=7>
<HR>
c3: <INPUT name=num3 size=7>
<HR>
<INPUT onclick="maxval (form1)" type=button value=bbbbbb>
<HR>
<INPUT name=res size=8>max
<HR>
<INPUT type=reset value=ooooo> </FORM></BODY></HTML>
Решим рассмотренную задачу другим способом. Вспомним, что стандартный объект Math имеет метод max, который определяет наибольшее значение двух аргументов. Опишем функцию maxval, которая определяет максимальное значение из трех заданных значений и использует объект Math.
(dmi14)
<html>
<head>
<title>dmi14</title>
<script language="JavaScript">
<!-- //
function maxval (obj)
{var a = Number(obj.num1.value);
var b = Number(obj.num2.value);
var c = Number(obj.num3.value);
obj.res.value=Math.max(Math.max(a,b),c)
}
//-->
</script>
</head>
<body>
max
<form name="form1">
c1: <input type="text" size=8 name="num1"><hr>
c2: <input type="text" size=7 name="num2"><hr>
c3: <input type="text" size=7 name="num3"><hr>
<input type="button" value=bbbbbb onClick="maxval (form1)"><hr>
<input type="text" size=8 name="res">max<hr>
<input type="reset" value=ooooo>
</form>
</body>
</html>