есть поле инпут и кнопка, при нажатии на которую данные из поля инпут появляются в списке, так же при нажатии на какой-то элемент списка - он удаляется. вопрос, как закинуть в локалстор этот самый список?
т.е я нажимаю на кнопку, в списках появляется, допустим, "рисование", но при обновлении страницы этот пункт пропадёт. нужно чтобы он остался там.
<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();
}
});
});
