Module-Decomposition/sprint3 prep tasks/index.html at 01785a2bc864bd18cb60a7fcc041f22c513aa5ae · CodeYourFuture/Module-Decomposition · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Tremendous Chat</title>
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<div class="container to-hide">
			<h1 id="greeting">Chat feed</h1>
			<div id="chat-feed">
				<div class="div-for-each-msg">
					<p class="msg-text-in-chat-view"></p>
					<p class="username-in-chat-view"></p>
				</div>
			</div>
			<button type="button" class="secondary-btn" id="refresh-btn">
				Get latest messages
			</button>
			<button type="button" class="secondary-btn" id="hide-btn">Hide messages</btn>
			<button style="opacity: 0" type="button" class="secondary-btn" id="test-ws">Test websocket</btn>
		</div>

		<div class="container add-message">
			<h2>Send a message</h2>
			<input
				class="input"
				type="text"
				id="add-msg-text"
				placeholder="Add your message"
				required
			/>
			<input
				class="input"
				type="text"
				id="add-msg-username"
				placeholder="Add the username"
				required
			/>
			<button type="button" id="send-msg-btn">Send</button>
			<p id="confirm-to-user"></p>
		</div>

		<button type="button" class="secondary-btn" id="poll-btn">Poll btn</button>
		<button type="button" class="secondary-btn" id="long-poll-btn">
			Long poll btn
		</button>

		<!-- <script src="chat.js"></script> -->
		<script src="websocket.js"></script>
	</body>
</html>