Перенести данные из input в тег html через нажатие кнопки

Доброго всем времени суток! Возник вопрос как перенести данные из input в тег html по нажатию кнопки save. Есть код

  <div class="profile__info">
            <h1 class="profile__name">Жак-Ив Кусто</h1>
            <p class="profile__vocation">Исследователь океана</p> 
</div>

<div class="popup__content">
        <button class="popup__close"></button>
        <h3 class="popup__title">Редактировать профиль</h3>
        <div class="popup__text">
        <input  name="text" placeholder="Укажите Ваше имя" class="popup__text-name" maxlength="35"></input>
        <input type="text" placeholder="Ваша профессия"  class="popup__text-vocation" maxlength="35"></input>
      </div>
        <button class="popup__save">Сохранить</button>
      </div>

Нужно, чтобы по нажатию на кнопку "Сохранить", данные из инпута меняли данные в тегах h1 и p. В целом, я понимаю, что надо вызвать функцию для кнопки сохранить, где выбрать данные инпуты и перенести данные из них в теги, но как это сделать, что-то не доходит.

Суть кода в том, что есть кнопка редактирования данных, по нажатию на неё открывается попап с редактированием данных (это я реализовал), в попапе есть инпуты куда нужно ввести новые данные и по кнопке "сохранить", сохранить новые данные в тегах html.