const nameInput = document.getElementById("name");
const userDisplay = document.getElementById("user-display");
const onButton = document.getElementById("on");

// WebSocket 接続
const ws = new WebSocket("ws://localhost:3000");

ws.addEventListener("open", () => {
  console.log("WebSocket サーバーに接続しました");
});

ws.addEventListener("message", (event) => {
  const data = JSON.parse(event.data);
  if (data.type === "name-confirm") {
    userDisplay.textContent = `名前: ${data.name}`;
  } else if (data.type === "error") {
    alert(data.message);
  }
});

onButton.addEventListener("click", () => {
  const name = nameInput.value.trim();
  if (!name) {
    alert("名前を入力してください");
    return;
  }
  ws.send(JSON.stringify({ type: "join", name }));
});