From 7f0db2fefc8310fda45de2356e87ddfed622dcb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20MARQUET?= <felix.marquet@isen-ouest.yncrea.fr>
Date: Tue, 13 Feb 2024 12:10:11 +0100
Subject: [PATCH] TP3 Fin V2

---
 TP3/index1.html | 4 ++--
 TP3/js/chat.js  | 9 ++-------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/TP3/index1.html b/TP3/index1.html
index ec4984f..b1082ee 100644
--- a/TP3/index1.html
+++ b/TP3/index1.html
@@ -82,8 +82,8 @@
               <span class="input-group-text" id="basic-addon1">secondes : </span>
             </div>
           </div>
-          <div class="form-control" rows="10" id="chat-room" readonly style="height: 25rem">
-          </div>
+          <textarea class="form-control" rows="10" id="chat-room" readonly>
+          </textarea>
           <div class="input-group mb-3">
             <div class="input-group-prepend">
               <span class="input-group-text" id="basic-addon1">Message > </span>
diff --git a/TP3/js/chat.js b/TP3/js/chat.js
index be059f7..0312f90 100644
--- a/TP3/js/chat.js
+++ b/TP3/js/chat.js
@@ -47,15 +47,10 @@ function displayMessages(messages){
     let chatRoom = document.getElementById("chat-room");
     chatRoom.innerHTML = "";
     if (messages.length === 0){
-        let messageDiv = document.createElement("div");
-        messageDiv.classList.add("message");
-        chatRoom.appendChild(messageDiv);
+        // No messages
     }else{
         messages.forEach(message => {
-            let messageDiv = document.createElement("div");
-            messageDiv.classList.add("message");
-            messageDiv.textContent = message.nickname + " : " + message.message;
-            chatRoom.appendChild(messageDiv);
+            chatRoom.value += message.nickname + ": " + message.message + "\n";
         });
     }
     chatRoom.scrollTop = chatRoom.scrollHeight;