chat.js
677 Bytes
"use strict"
const socket = io.connect("http://localhost:3000/", {transports:['websocket']});
const nickname = document.querySelector("#nickname")
const chatlist = document.querySelector(".chatting-list")
const chatInput = document.querySelector(".chatting-input")
const sendButton = document.querySelector(".send-button")
sendButton.addEventListener("click", ()=>{
const param = {
name: nickname.value,
msg: chatInput.value
}
socket.emit("chatting", param)
});
socket.on("chatting", (data)=>{
const li = document.createElement("li");
li.innerText = `${data.name}님이 - ${data.msg}`;
chatlist.appendChild(li)
})
console.log(socket);