| 123456789101112131415161718192021222324252627282930313233343536 |
- <!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">
- <title>CHAT</title>
- <link rel="stylesheet" href="css/main.css">
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="stylesheet">
- </head>
- <body>
- <div class="chat">
- <div id="chatInterface">
- <div class="nickname">
- <input id="nick" type="text" required>
- <label for="nick">Nickname</label>
- </div>
- <div class="message">
- <input id="msg" type="text" required>
- <label for="msg">Message</label>
- </div>
- <input id="btn" type="button" value="SEND">
- </div>
- <div id="chatWindow"></div>
- </div>
- <script src="js/main.js"></script>
- </body>
- </html>
|
