Всем привет. Есть селектор со своей структурой с динамическим содержимым, которое не сохраняется при обновлении/перезагрузке страницы Сохраняю его при помощи sessionStorage. Как восстановить его содержимое при обновлении страницы при наличии определенного содержимого в .foot-carousel div ?
<div class="fixed-bottom" id="fix-bot">
<div id="foot-carousel" class="owl-carousel">
<div>Содержимое</div>
</div>
</div>
var field = document.getElementById("fix-bot");
console.log(field);
// Проверяем, что значение поля autosave существует
// (это будет происходить при случайной перезагрузке страницы)
if (sessionStorage.getItem("autosave")) {
// Восстановить значение тестового поля
field.innerHTML = sessionStorage.getItem("autosave");
console.log("autosave");
}
// Прослушивать изменения значения текстового поля
field.addEventListener("change", function() {
// И сохранить результаты в объект хранилища сессий
sessionStorage.setItem("autosave", field.innerHTML);
console.log("change");
});