Tengo esta aplicación de chat en la que estoy trabajando para un proyecto escolar y necesito mejorarla un poco ya que es bastante básica y simple. ¿Cómo puedo hacer que los usuarios puedan elegir la sala a la que quieren que se envíen sus mensajes? Para empezar, creé 4 botones de habitación que cambian window.location.href (por ejemplo, si hace clic en el botón "room1", cambia el enlace a "http://127.0.0.1:5500/Client/index .html#room1", de esta manera puedo tomar el nombre de la habitación y usarlo más tarde, pero no estoy seguro de si es el enfoque correcto, así que lo cambiaré si me lo sugieren). ¿Cuáles serían los siguientes pasos?

Lado del cliente:

 //This changes the link so I can grab the room name when needed room1Btn.addEventListener('click', () =>{ window.location.href='#room1'; }) //This sends the message to the server when clicking on the Submit button sendBtn.addEventListener('click', () =>{ sendMessage(); }) function sendMessage(){ if(messageInput.value === ""){ return; } else { const text = messageInput.value; socket.emit('message', text); socket.emit('sendName', name); //This function displays the message messageDisplay(); } }

Lado del servidor:

 io.on('connection', (socket) => { //Sends the message to the clients socket.on('message', (message) => { socket.broadcast.emit('message', `${message}`); }); });