"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);