Создать массивы значений:
* название предмета;
* дата экзамена;
* аудитория (допускается пустое значение).
За день до экзамена проводит консультация. Вывести сообщение что сегодня должна быть консультация или экзамен. Если не указана аудитория, вывести дополнительное сообщение "Неизвестное место проведения консультации / экзамена".
пробовал, но что-то не получается, вот что получилось (проблема с JS)
HTML5 |
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
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Сесія</title>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="jquery-ui.css"/>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>
<script type="text/javascript">
window.onload = function () {
document.getElementsByTagName('a')[0].onclick = function () {
var span = document.getElementsByTagName('span')[0];
var div = document.getElementsByTagName('div')[1];
div.innerHTML = span.innerHTML;
}
}
</script>
<a id="a1" href="#">Мамонтова А.А.<span style="display:none;"><div>текст</div><p>текст</p></span></a>
<div style="width:100px; height:100px; border:1px black solid;"></div>
</head>
<body onload="greeting()"><div style="border-radius: 15px;" class="radius">
<center>
<form>
<table>
<tr>
<td>Назва предмету:</td>
<td><input type="text" style="border-radius: 5px;
border: 0.1px solid;height: 20px;" id="exhibition" name="exhibition" /></td>
</tr>
<tr>
<td>Аудиторія:</td>
<td><input type="text" style="border-radius: 5px;
border: 0.1px solid;height: 20px;" id="location" name="location" /></td>
</tr>
<tr>
<td>Дата іспиту:</td>
<td><input type="text"style="border-radius: 5px;
border: 0.1px solid;height: 20px;" id="organizer" name="organizer"/></td>
</tr>
</table>
<button type="button" class="button" onclick="validate()">Перевірка</button>
</form>
<div id="box" style="height:50px; width:50px;background:red;"></div></center>
<div class="demo animated">
<p>This text will animate. <a href="" id="ref">Click to animate!</a></p>
</div>
</body>
</html> |
|
Javascript |
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
| function Concert(exhibition, location, organizer, date) {
this.exhibition = exhibition;
this.location = location;
this.organizer = organizer;
this.validateExhibition = function() {
if (this.exhibition.length == 0) {
alert("\Невідома назава предмету");
}
}
this.validateLocation = function() {
if (this.location.length == 0) {
alert(" \ Невідоме місце проведення консультації");
}
}
this.validateOrganizer = function() {
var now = new Date();
if (this.organizer == now.getDate()) {
alert(" \ Консультація проходить сьогодні");
}else{
if (this.organizer.length == 0){
alert("Невідома дата консультації / Екзамену") }}
}
}
function validate() {
var inputData = new Array(
document.getElementById("exhibition").value,
document.getElementById("location").value,
document.getElementById("organizer").value
);
var concert = new Concert(inputData[0], inputData[1], inputData[2]);
concert.validateExhibition();
concert.validateLocation();
concert.validateOrganizer();
} |
|