2

Есть код:

<script>
        var colorPicker = document.getElementById("bgcolor");
        var retObj = JSON.parse(localStorage.getItem("object"))
        function SaveFon() {
                localStorage.setItem("object", fon)                                     
                localStorage.setItem("object2", colorVal)
            }               
        function changebodycolor(){
            colorVal = colorPicker.value;
            document.body.style.background = colorVal;
            fon = 3;
            SaveFon();  
        }                   

        colorPicker.addEventListener("change",
        changebodycolor,false);
    </script>

И условие:

var retObj = JSON.parse(localStorage.getItem("object"))
var colorVal = JSON.parse(localStorage.getItem("object2"))

 if (retObj == "2") {
    document.body.classList.add('winter');
} else if (retObj == "3") {
    document.body.style.background = colorVal;
} else if (retObj == "4") { }

Т.е. если фоном выбрана картинка (в коде нет, это на др странице), то переменной присваивается значение "2", далее эта переменная записывается в LS и вынимается в файле JS, который Вы видите. Всё работает с этой переменной отлично и таким образом меняя фон на одной странице он меняется на всех даже если пользователь покинет сайт и вернется потом - благодаря LS. Но есть небольшая проблема с установкой цвета фона. Реализацию Вы видите выше. Я сохраняю переменную colorVal и вынимаю в файле JS, где использую вот так:

 document.body.style.background = colorVal;

Но, увы, фон не сохраняется. Почему? Переменная такого типа не может запомнится в LS или я что-то делаю не так? Кстати, условие выполняется, т.е. переменная retObj равна "3", это я проверял. Дело именно в colorVal.

1 ответ 1

1

Консоль показывает ошибку

Uncaught SyntaxError: Unexpected token # in JSON at position 0 at JSON.parse

при этом ссылается на строку:

var colorVal = JSON.parse(localStorage.getItem("object2"))

Уберите JSON.parse() и всё будет норм работать.

10
  • Да, цвет стал сохранятся, но почему-то вне зависимости какой я выберу, сохранится он как бежевый. Т.е. выберу синий - вижу синий фон, всё отлично. Обновлю страницу - а фон бежевый.
    – user250973
    2 июн 2017 в 17:22
  • проблема решена, спасибо!
    – user250973
    2 июн 2017 в 17:36
  • Не подскажите, то же самое, но с градиентом: jsfiddle.net/pzy4vjam/1 вроде сохраняю переменную gradient, однако не сохраняется фон..
    – user250973
    2 июн 2017 в 18:06
  • Сделайте полноценный пример с нужным HTML. 2 июн 2017 в 18:18
  • jsfiddle.net/pzy4vjam/2
    – user250973
    2 июн 2017 в 18:31

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.