Вы находитесь на странице: 1из 5

МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное государственное бюджетное образовательное учреждение высшего образования.


«Тихоокеанский Государственный Университет»

Кафедра
«Автоматики и системотехники»

Лабораторная работа №6
Создание на JavaScript-коде элементарной
программы и JavaScript-функций

Выполнил: студент группы


ИС(аб)-71 Белим Л.В.
Принял работу: старший
преподаватель
Кафедры"АиС" Кочетова И.В.

Хабаровск
2019 г.
Цель работы: написание первой программы на JavaScript-коде. Ознакомление с
основными событиями объектов, а также с функциями и их параметрами.
Код программы:
<!doctype html>
<html>
<head>
<title>Лабораторная работа №6</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="javascript" src="script.js"></script>
<meta charset="utf-8"> </head>
<body>
<table width="100%" border="5" cellspacing="5">
<tr>
<td align="center" colspan="7" width="1000"><font size="7"
color="#000000"><i><b>Лабораторная работа №6</b></i></font></td>
</tr>
<tr> <td align="center"><font size="5" color="#000000">
<form name="forma1"><b>
Нахождение площади <br> кольца<br>
<img src=10.jpg align=left>
Введите радиус1 <input type="text" name="radius1" size="14" style="color:#000000;
background:none; border: double"> <br>
Введите радиус2 <input type="text" name="radius2" size="14" style="color:#000000;
background:none; border: double"> <br>
<div align="center"><input type="button" name="button1" value="Вычислить"
onClick="areaCircle(forma1);" style="color:#000000"></div> <br>
Площадь равна
<input type="text" name="result" size="10" style="color:#000000; background:none;
border:double">
</b> </form>
</font></td>

<td align="center"><font size="+1" color="#000000">


<form name="forma2" id="formas">
<div align="center">
Январь <input type="text" name="firstmonth" value="0" size="1" style="background-
color:#FA8072; border:3px inset silver">
Февраль <input type="text" name="secondmonth" value="0" size="1" style="background-
color:#FA8072; border:3px inset silver">
Март <input type="text" name="thirdmonth" value="0" size="1" style="background-
color:#FA8072; border:3px inset silver"></div><br>
<div align="center">
Апрель <input type="text" name="fourthmonth" value="0" size="1" style="background-
color:#00FA9A; border:3px inset silver">
Май <input type="text" name="fifthmonth" value="0" size="1" style="background-
color:#00FA9A; border:3px inset silver">
Июнь <input type="text" name="sixthmonth" value="0" size="1" style="background-
color:#00FA9A; border:3px inset silver"></div><br>
<div align="center">

Лист
Лабораторная работа № 6 ТОГУ, ИС(аб)-71 Белим Л. В.
2
Июль <input type="text" name="seventhmonth" value="0" size="1" style="background-
color:#FFA500; border:3px inset silver">
Август <input type="text" name="eighthmonth" value="0" size="1" style="background-
color:#FFA500; border:3px inset silver">
Сентябрь <input type="text" name="ninethmonth" value="0" size="1" style="background-
color:#FFA500; border:3px inset silver"></div><br> <div align="center">
Октябрь <input type="text" name="tenthmonth" value="0" size="1" style="background-
color:#09F; border:3px inset silver">
Ноябрь <input type="text" name="eleventhmonth" value="0" size="1" style="background-
color:#09F; border:3px inset silver">
Декабрь <input type="text" name="twelfthmonth" value="0" size="1" style="background-
color:#09F; border:3px inset silver"></div><br>
<div align="center"><input type="button" name="button2" value="Вычислить"
onClick="srZnach(forma2);" style="color:#000000"></div><br><br>
Известных месяцев
<input type="text" name="resulting" size="5" style="color:#000000; background:none;
border:3px inset silver"><br><br>
Средняя положительная<br>температура
<input type="text" name="srPlus" size="5" style="color:#000000; background:none;
border:3px inset silver"><br><br>
Средняя отрицательная<br>температура
<input type="text" name="srMinus" size="5" style="color:#000000; background:none;
border:3px inset silver"><br><br>
На сколько "+" температура<br>выше/ниже "-"
<input type="text" name="result2" size="5" style="color:#000000; background:none;
border:3px inset silver">
</form></font></td>

<td align="center">
<form name="forma3" id="Deutchland">
<img src="k1.png" width="80" height="80" onClick="alert('Желтый')">
<img src="k2.png" width="80" height="80" onClick="alert('Красный')"> <br>
<img src="k3.png" width="80" height="80" onClick="alert('Зеленый')">
<img src="k4.png" width="80" height="80" onClick="alert('Темно-зеленый')"> <br>
<img src="k5.png" width="80" height="80" onClick="alert('Синий')">
<img src="k6.png" width="80" height="80" onClick="alert('Голубой')"> <br>
<img src="k7.png" width="80" height="80" onClick="alert('Оранживый')">
<img src="k8.png" width="80" height="80" onClick="alert('Фиолетовый')"> <br>
<img src="k9.png" width="80" height="80" onClick="alert('Розовый')">
<img src="k10.png" width="80" height="80" onClick="alert('Серый')"> <br>
<img src="k11.png" width="80" height="80" onClick="alert('Бордовый')">
<img src="k12.png" width="80" height="80" onClick="alert('Черный')">
</form></td>

<td align="center"><font size="5" color="#000000">


<form name="forma4">
<div align="center">
<div onMouseOver="getDescriptionРозы(forma4)" onMouseOut="clearDescription(forma4)">
<a><i><b>Розы</b></i></a></div>
<div onMouseOver="getDescriptionТюльпаны(forma4)" onMouseOut="clearDescription(forma4)">
<a><i><b>Тюльпаны</b></i></a></div>
Лист
Лабораторная работа № 6 ТОГУ, ИС(аб)-71 Белим Л. В.
3
<div onMouseOver="getDescriptionЛандыш(forma4)" onMouseOut="clearDescription(forma4)">
<a><i><b>Ландыш</b></i></a></div>
<div onMouseOver="getDescriptionОду(forma4)" onMouseOut="clearDescription(forma4)">
<a><i><b>Одуванчик</b></i></a></div>
<div onMouseOver="getDescriptionКак(forma4)" onMouseOut="clearDescription(forma4)">
<a><i><b>Кактус</b></i></a></div>

<div align="center" ><textarea name="Description" rows="20" cols="50" style="background:none;


color:#000000; border:dotted #FF0000" size="5"></textarea></div>
</div>
</form> </font>
</td>
</tr></table>
</body></html>

Ход работы:

Вывод: В данной лабораторной работе я изучила написание первой программы на


JavaScript-коде и ознакомилась с основными событиями объектов, а также с функци-
ями и их параметрами

Лист
Лабораторная работа № 6 ТОГУ, ИС(аб)-71 Белим Л. В.
4
Лист
Лабораторная работа № 5 ТОГУ, ИС(аб)-71, Белим Л. В.
3

Лист
Лабораторная работа № 1 ТОГУ, УИТС(аб)-71,Александров А.А
3