Дублирование данных в открывшейся форме

Question

Подскажите пожалуйста неопытному студенту... при нажатии на кнопку Edit появляется форма, в которую автоматически дублируются данные зарегистрированного пользователя. Потом эти данные можно удалить и ввести нового пользователя. Как реализовать, чтобы данные перелетали в открывшуюся форму?

const editPopup = document.querySelector("div.root .edit-popup");
const userInfoButtonEdit = document.querySelector("div.root .user-info__button_edit");
const editPopupClose = document.querySelector("div.root .edit-popup__close")
//console.log(userInfoButtonEdit);


function actionEditPopup() {
  editPopup.classList.add("popup_is-opened");
}

function cardClosingEditPopup () {
  editPopup.classList.remove("popup_is-opened");
}

userInfoButtonEdit.addEventListener("click", actionEditPopup);
editPopupClose.addEventListener("click", cardClosingEditPopup);

<div class="edit-popup">
        <div class="edit-popup__content">
          <img src="./images/close.svg" alt="" class="edit-popup__close" />
          <h3 class="edit-popup__title">Редактировать профиль</h3>
          <form class="edit-popup__form" name="new">
            <input
              type="text"
              name="name"
              class="edit-popup__input edit-popup__input_type_name"
              placeholder="Имя"
            />
            <input
              type="text"
              name="link"
              class="edit-popup__input edit-popup__input_type_link-url"
              placeholder="О себе"
            />
            <button type="submit" class="button edit-popup__button">Сохранить</button>
          </form>
        </div>
      </div>

БЛОГ НА HUSL

Дублирование данных в открывшейся форме

Ответы (0 шт):