#2.9 - 2 Room Count part Two

socket.on("room_change", (rooms) => {
  const roomList = welcome.querySelector("ul");
  roomList.innerHTML = "";
  if (rooms.length === 0) {
    return;
  }
  rooms.forEach((room) => {
    const li = document.createElement("li");
    li.innerText = room;
    roomList.append(li);
  });
  
  // roomList.innerHTML = "";의 위치가 중요하다.
  // 처음에 초기화를 시켜주지 않으면 새로운 사람이 들어올 때마다
  // 방 제목이 중복되서 같은 방 제목이 여러개 뜨게 된다.