i use init() to start the app

Author: Zobeir-Rigi

chat-app/frontend/index.js

@@ -29,7 +29,7 @@ const renderEmptyState = () => {
     const messages = document.getElementById("messages");
 
     const noData = document.createElement("div");
-    noData.textContent = "There is no chat yet ...";
+    noData.textContent = "There are no chat yet ...";
     noData.classList.add("empty");
 
     messages.appendChild(noData);
@@ -55,8 +55,6 @@ const fetchMessages = async () => {
     }
 }
 
-fetchMessages()
-
 
 const sendMessage = async () => {
     const name = document.getElementById("user").value.trim()
@@ -97,9 +95,6 @@ const sendMessage = async () => {
     }
 }
 
-const button = document.getElementById("send-button");
-button.addEventListener("click", sendMessage)
-
 const showError = (msg) => {
     const errorEl = document.getElementById("error");
     errorEl.textContent = msg;
@@ -115,4 +110,13 @@ ws.onmessage = (event) => {
         empty.remove();
     }
     renderMessage(data)
-};
+};
+
+const init = () => {
+    fetchMessages();
+
+    const button = document.getElementById("send-button");
+    button.addEventListener("click", sendMessage);
+};
+
+init();