Chat-App/index.html at main · hitarthpathak/Chat-App · 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
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
<!DOCTYPE html>

<head>

    <title>Chat App</title>

    <link rel="icon" href="Images/Icon.png">

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <div class="chat-app">

        <div class="chat-app-nav">

            <h1>CHAT APP</h1>

        </div>

        <div class="chat">

            <div class="chat-control-box">

                <div class="chat-users-box">

                    <div class="you-are-box">

                        <span>You Are : </span>

                        <span id="current-user-name"></span>

                    </div>

                    <span>|</span>

                    <div class="chatting-to-box">

                        <span>Chatting To : </span>

                        <span id="another-user-name"></span>

                    </div>

                </div>

                <div class="chat-buttons-box">

                    <button id="join-chat-button" onclick="join_chat()">Join Chat</button>

                </div>

            </div>

            <div id="chat-messages-box"></div>

            <div class="message-control-box">

                <div class="user-input-box">

                    <textarea id="user-input" placeholder="Enter Your Message"></textarea>

                    <button id="message-send-button" onclick="send_message()">Send</button>

                </div>

                <div class="press-enter-to-send-box">

                    <input type="checkbox" id="press-enter-to-send">

                    <label for="press-enter-to-send">Press Enter To Send</label>

                </div>

            </div>

        </div>

    </div>

</body>

<script src="script.js"></script>

</html>