Сохранения данных в экземпляре класса

На странице есть две <p> с именем и работой. И есть форма, в которой можно записать новые имя и работу и сохранить на странице. Нужно создать класс, у которого есть два метода. Первый, чтобы обновлять данные внутри класса, второй, чтобы отображать эти данные на стр.

class {
  constructor(userName, userJob, inputName, inputAboutMe) {
    this.userName = userName;
    this.userJob = userJob;
    this.inputName = inputName;
    this.inputAboutMe = inputAboutMe;
  }

  setUserInfo = () => {
    this.inputName.value = this.inputName.textContent;
    this.inputAboutMe.value = this.inputAboutMe.textContent;
  };

  updateUserInfo = () => {
    this.userName.textContent = this.inputName.value;
    this.userJob.textContent = this.inputAboutMe.value;
  };
}

где userName и userJob элементы <p>, а inputName и inputAboutMe инпуты. У меня сейчас просто перекидываются данные из textContent в инпуты и наоборот.

После создания экземпляра класса, я хочу сохранить данные внутри экземпляра, вызвав метод setUserInfo и отправить их на сервер для хранения, например. Потом поменять данные на странице методом updateUserInfo и опять вызвать setUserInfo, чтобы обновить данные внутри экземпляра.

Вопрос заключается как раз в том, что значит сохранить данные внутри экземпляра. Если бы это не был класс, я бы инициализировал 2 переменные и занес бы туда данные. Потом бы переписал. А как это делается в классах?