Закинуть список в локалстор?

есть поле инпут и кнопка, при нажатии на которую данные из поля инпут появляются в списке, так же при нажатии на какой-то элемент списка - он удаляется. вопрос, как закинуть в локалстор этот самый список?
т.е я нажимаю на кнопку, в списках появляется, допустим, "рисование", но при обновлении страницы этот пункт пропадёт. нужно чтобы он остался там.

<ul class="profile__ul">
</ul>

var hobbies = document.getElementById("hobbies");
      var addHobbies = document.getElementById("btn-add-hobbies");
      var ul = document.querySelector(".profile__ul");

      addHobbies.addEventListener("click", () => {
        var input = hobbies.value;
        if (input) {
          ul.style.display = "block";
          var newLi = document.createElement('li');
          newLi.textContent = input;
          ul.appendChild(newLi);
        }

        ul.addEventListener('click', function(event) {
          var target = event.target;
          if (target.tagName == "LI") {
            target.remove();
          }
        });
      });