const nicknameInput = document.getElementById("nickname-input");
const goalInput = document.getElementById("goal-input");
const stageSelect = document.getElementById("stage-select");

const previewStage = document.getElementById("preview-stage");
const previewName = document.getElementById("preview-name");
const previewGoal = document.getElementById("preview-goal");

nicknameInput.addEventListener("input", function () {
  const value = nicknameInput.value.trim();
  previewName.textContent = value || "未填写昵称";
});

goalInput.addEventListener("input", function () {
  const value = goalInput.value.trim();
  previewGoal.textContent = value || "这里会显示你的学习目标。";
});

stageSelect.addEventListener("change", function () {
  previewStage.textContent = stageSelect.value;
});