websocket and showable messages working

public/index.js

@@ -2,7 +2,9 @@ const socket = new WebSocket("ws://localhost:8080/websocket");
 
 socket.addEventListener("message", (event) => {
   let messages = document.getElementById("messages");
-  messages.appendChild(`<li>${event.data}</li>`)
+  let item = document.createElement("li");
+  item.innerHTML = event.data;
+  messages.appendChild(item);
 });
 
 function myFunction() {