сохранить значения в localStorage

Question

Прошу помочь, не могу разобраться как сохранить есть или нет класса в локал сторидж. Может подскажите, как сохранять эти моменты. перечитал много, разобраться с темой не могу(

let b = document.querySelector(".page");
        let a = document.querySelector(".mask");
        let pageColor = localStorage.getItem("classList");

        if (pageColor) {
            b.classList("read");
        }
        a.addEventListener("click", dark);

        function dark() {
            let selectedColor =  b.classList.toggle("read").checked = true;
            localStorage.setItem("tema", selectedColor);
        }

Answer 1

В localStorage можно хранить только строку.

Сделайте так

const settings = {
    selectedColor:  b.classList.toggle("read").checked = true
}

localStorage.setItem("tema", JSON.stringify(settings));

Получаем данные из localStorage

let selectedColor = JSON.parse(localStorage.getItem("tema"));

Т.е. при записи любого значения в localStorage вам его необходимо сконвертировать в строку.
Когда достаете значение из localStorage, необходимо привести данные к нужному типу.

Имена(ключи) localStorage должны быть одинаковыми. Ключей и хранилищ может быть много.

БЛОГ НА HUSL

сохранить значения в localStorage

Ответы (1 шт):