在JS类中存储输入数据

class UserData {
  constructor() {
    this.name = "";
    this.age = 0;
  }
  
  storeInputData(name, age) {
    this.name = name;
    this.age = age;
  }
  
  getName() {
    return this.name;
  }
  
  getAge() {
    return this.age;
  }
}

// 在页面中获取用户输入数据
const nameInput = document.getElementById("nameInput");
const ageInput = document.getElementById("ageInput");
const submitButton = document.getElementById("submitButton");

// 创建UserData类的实例
const userData = new UserData();

// 监听提交按钮点击事件，将用户输入数据存储到UserData类中
submitButton.addEventListener("click", () => {
  const name = nameInput.value;
  const age = parseInt(ageInput.value);
  userData.storeInputData(name, age);
});

// 在其他方法中访问和使用存储的输入数据
function displayUserInfo() {
  const name = userData.getName();
  const age = userData.getAge();
  console.log(`用户姓名：${name}，年龄：${age}`);
}