client.js

const socket= io('http://localhost:8000');

const form=document.getElementById("send-container");
const messageInput=document.getElementById('messageInput')
const messageContainer=document.querySelector(".container")
var audio=new Audio('news-ting-6832.mp3');
const append=(message,position)=>{
    const messageElement=document.createElement('div');
    messageElement.innerText=message;
    messageElement.classList.add('message');
    messageElement.classList.add(position);
    messageContainer.append(messageElement);
    if(position=='left'){
    audio.play();
    }


}
form.addEventListener('submit',(e)=>{
    e.preventDefault();
    const message=messageInput.value;
    append('You:${message}','right');
    socket.emit('send',message)
    messageInput.value=''

})

 const name=prompt("Enter your name to join");
 socket.emit("new-user-joined",name);
 socket.on('user-joined',name=>{
    append('${name} joined the chat','right')
})

 socket.on('receive',data=>{
    append('${d}: ${data.message}','left')
 })
 socket.on('left',name=>{
    append('${name} left the chat','right')
 })