Постоянное состояние кнопки в cookie или localStorage в Jquery

Question

Я пытаюсь сохранить состояние кнопки в файле cookie в течение определенного времени, используя файлы cookie (библиотека cookie.js) или LocalStorage.Я не делал этого раньше, поэтому я не уверен, как мне к нему подойти.

Состояние, которое я хочу сохранить как минимум один день, будет означать изменение текста кнопки с помощью текстовой функции Jquery следующим образом:

$(_this).text("Job already started or completed...");

Это действие в значительной степени будет выполнено для события onClick.

Answer 1

Локальное хранилище - это vanilla JS, оно работает с или без jQuery.Это довольно просто:

localStorage.setItem('buttonText', 'Job already started or completed...');

Это хранит его.Затем, чтобы прочитать его:

const storedButtonText = localStorage.getItem('buttonText');

Оттуда вы можете делать с этим текстом все, что захотите, в том числе передавать его в функцию jQuery для установки текста некоторого элемента DOM или чего-либо еще.

Вы захотите загрузить эти данные при загрузке страницы, если хотите сохранить при перезагрузке:

$(document).ready(function() {
    const storedButtonText = localStorage.getItem('buttonText');
    if (storedButtonText) {
        $('#theButtonElement').text("Job already started or completed...");
    }
});