-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmessageBoard.html
105 lines (95 loc) · 2.9 KB
/
messageBoard.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
<html>
<head>
<title>Project D | Home</title>
<link href="ProjectD.css" rel="stylesheet">
</head>
<body>
<script>
function nameChange() {
document.getElementById('namefield').innerHTML = document.getElementById('name').value;
}
function messageChange() {
document.getElementById('messagefield').innerHTML = document.getElementById('message').value;
}
function NameMessage() {
nameChange();
messageChange();
}
var myMusic= document.getElementById("music");
function play() {
myMusic.play();
}
function pause() {
myMusic.pause();
}
function {
if document.GetElementById('name').value = "eurobeat" {
document.GetElementById('secret') = <audio controls id="music">
<source src="CheckerDance.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p>Click the buttons to play or pause the music.</p>
<button onclick="play()" type="button">Play </button>
<button onclick="pause()" type="button">Pause</button>
}
}
</script>
<div id="wrapper">
<header>
<a href="index.html"> <img src="ProjectDlogo.jpg" alt="Go to Homepage" title="Go to Homepage"> </a>
<h2> Message Board </h2>
</header>
<div id="sidebar">
<div id="choice">
<a href="Momiji_line.html"> <p>Momiji Line</p> </a>
</div>
<div id="choice">
<a href="Enna_Skyline.html"> <p>Enna Skyline</p> </a>
</div>
<div id="choice2">
<a href="Northern_Saitama.html"> <p>Northern Saitama</p> </a>
</div>
<div id="choice2">
<a href="MazePass.html"> <p>Maze Pass</p> </a>
</div>
<div id="choice2">
<a href="Tsuchisaka.html"> <p>Tsuchisaka</p> </a>
</div>
<div id="choice2">
<a href="MountTsukuba.html"> <p>Mount Tsukuba</p> </a>
</div>
<div id="choice2">
<a href="Yabitsu.html"> <p>Yabitsu</p> </a>
</div>
<div id="choice2">
<a href="Nagao.html"> <p>Nagao</p> </a>
</div>
<div id="choice2">
<a href="Nanamagari.html"> <p>Nanamagari</p> </a>
</div>
<div id="choice2">
<a href="TsubakiLine.html"> <p>Tsubaki Line</p> </a>
</div>
<div id="choice2">
<a href="messageBoard.html"><p>Messages</p></a>
</div>
</div>
<article>
<br>
<p class="articletext">Place your name here ↓</p>
<br>
<input type="text" id="name"></input>
<br>
<p class="articletext">Place your message here ↓</p>
<br>
<textarea type="text" id="message"></textarea>
<br>
<button type="button" onclick="NameMessage()">Send message</button>
<br>
<p id="namefield" class="articletext"></p>
<p id="messagefield" class="articletext"></p>
<p id="secret" class="articletext"></p>
</article>
</div>
</body>
</html>