<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chat App</title>
    <style>
        body { font-family: Arial, sans-serif; }
        #messages { border: 1px solid #ccc; height: 300px; overflow-y: scroll; }
        #messageInput { width: 80%; }
        #sendButton { width: 18%; }
    </style>
</head>
<body>
    <h1>Chat en temps réel</h1>
    <div id="messages"></div>
    <input id="messageInput" type="text" placeholder="Tapez votre message ici..." />
    <button id="sendButton">Envoyer</button>
    <script src="chat.js"></script> <!-- Inclure le fichier JavaScript externe -->
</body>
</html>