Client.js

const socket=('http://localhost:8000');
const form=document.getElementById('Send-container');
const messageInput=document.getElementById('messageInp');
const messageContainer=document.querySelector(".container")


const append=(message,postion)=>{
    const messageElement=document.createElement('div');
    messageElement.innerText=message;
    messageElement.classList.add('message');
    messageElement.classList.add(postion);
    messageContainer.append(messageElement);

}
form.addEventListener('submit',(e)=>
{
    e.preventDefult();
    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.normalize('user-joined',name=>

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