Сохранение коллекции цветов в куки

По заданию нужно сгенерировать цвет и сохранять все сгенерированные цвета в куки, что бы при обновлении страницы все дивы с цветами созданные раньше отображались. Сделал генерацию, пробую взять и сохранить цвет через setCookie('rgb', colorRGB) и потом используя getCookie('rgb') установить цвет, но ничего не выходит.

function getCookie(name) {
    let matches = document.cookie.match(new RegExp(
        "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches && decodeURIComponent(matches[1]);
}

function setCookie(name, value, options = {}) {

    options = {
        path: '/',
        // при необходимости добавьте другие значения по умолчанию
        ...options
    };

    if (options.expires instanceof Date) {
        options.expires = options.expires.toUTCString();
    }

    let updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);

    for (let optionKey in options) {
        updatedCookie += "; " + optionKey;
        let optionValue = options[optionKey];
        if (optionValue !== true) {
            updatedCookie += "=" + optionValue;
        }
    }

    document.cookie = updatedCookie;
}

Как правильно сохранить параметры цветов в куки и потом при обновлении страницы цвета загружались из куки?

Полный код


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