-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (139 loc) · 6.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Лабороторна робота 4</title>
</head>
<body>
<header style="text-align: center;">
<h1>Група: ТР-23</h1>
<h2>ПІБ: Пузенко Артем Андрійович</h2>
<h2>Варіант студента: 17</h2>
</header>
<table style="width:100%; margin-top: 50px;" border="1">
<tr>
<th>Опис завдання</th>
<th>Виконання завдання</th>
</tr>
<tr>
<td>1. Створити об’єкт «Факультет» з властивостями «Назва», «телефон».</td>
<td>
<div>
<p>Введіть назву:</p>
<input type="text" id="myInputFaculty" placeholder="назва">
</div>
<div>
<p>Введіть телефон:</p>
<input type="text" id="myInputGroup" placeholder="телефон">
</div>
<button id="myButton" onclick="inputData()">Виконати</button>
<p id="demo">Res:</p>
</td>
</tr>
<tr>
<td>2. Створити об’єкт «Група», що містить властивості «Спеціальність», «Ширф», «Кількість студентів» і методи: додати, змінити, видалити дані.</td>
<td>
<div>
<p>Введіть Спеціальність:</p>
<input type="text" id="myInputSpec" placeholder="спеціальність">
</div>
<div>
<p>Введіть Ширф:</p>
<input type="text" id="myInputShirf" placeholder="ширф">
</div>
<div>
<p>Введіть кількість студентів:</p>
<input type="text" id="myInputKolStud" placeholder="кількість студентів">
</div>
<button id="myButton1" onclick="inputDate()">Виконати</button>
<p id="dem">Res:</p>
<div>
<p>Додати інформацію:</p>
<div>
<p>Введіть спеціальність:</p>
<input type="text" id="myChangeInputSpec" placeholder="спеціальність">
</div>
<div>
<p>Введіть ширф:</p>
<input type="text" id="myChangeInputShirf" placeholder="ширф">
</div>
<div>
<p>Введіть кількість студентів:</p>
<input type="text" id="myChangeInputKolStud" placeholder="кількість студентів">
</div>
<button id="addButton" onclick="addData()">Додати</button>
<p id="demka">Res:</p>
</div>
<div>
<p>Змітнити інформацію:</p>
<div>
<p>Введіть Спеціальність:</p>
<input type="text" id="myUpdateInputSpec" placeholder="спеціальність">
</div>
<div>
<p>Введіть Ширф:</p>
<input type="text" id="myUpdateInputShirf" placeholder="ширф">
</div>
<div>
<p>Введіть кількість студентів:</p>
<input type="text" id="myUpdateInputKolStud" placeholder="кількість студентів">
</div>
<button id="updateButton" onclick="updateData()">Змінити</button>
<p id="demon">Res:</p>
</div>
<div>
<p>Видалення інформації:</p>
</div>
<div>
<button id="deleteButton" onclick="deleteData()">Видалити</button>
<p id="negr">Res:</p>
</div>
</td>
</tr>
<tr>
<td>3. Реалізувати копіювання властивостей і методів об’єктів «Факультет» і «Група».</td>
<td>
<button id="copyButton" onclick="copyData()">Скопіювати інформацію</button>
<p id="abaldyi">Res:</p>
</td>
</tr>
<tr>
<td>4. Додати в прототип об’єкту «Група» метод «Показати дані».</td>
<td><button id="showDataButton" onclick="showData()">Показати інформацію</button>
<p id="niger">Res:</p></td>
</tr>
<tr>
<td>5. Створити об’єкт «Сесія», що наслідує властивості і методи об’єкту «Група» і має додаткові властивість «Відраховано» і метод «Відсоток не відрахованих». Перевизначити в об’єкті «Успішність» метод «Показати дані».</td>
<td>
<div>
<p>Введіть кількість відрахованих студентів:</p>
<input type="text" id="myVidrahovano" placeholder="відраховано">
</div>
<button id="myButton5" onclick="neVidrahovani()">Вирахувати</button>
<p id="svejiy">Res:</p>
</td>
</tr>
<tr>
<td>6. Реалізувати класи «ГрупаКлас» і «СесіяКлас» з такими же методами і властивостями як і попередні об’єкти. «СесіяКлас» наслідує методи та властивості від «ГрупаКлас». При реалізації використовувати геттери і сеттери, наприклад, для перевірки даних чи виведення в різних виглядах інформацію.</td>
<td><div>
<p>Введіть кількість хлопців:</p>
<input type="text" id="myInputStydent" placeholder="хлопців">
</div>
<div>
<p>Введіть кількість дівчат:</p>
<input type="text" id="myInpuntStudentka" placeholder="дівчат">
</div>
<div>
<p>Введіть факультет:</p>
<input type="text" id="myInputFacultet" placeholder="факультет">
</div>
<button id="myButton11" onclick="allStuds()">Виконати</button>
<p id="bomj">Res:</p></td>
</tr>
</table>
<script src="script.js"></script>
</body>
</html>