Javascript cookie для цвета фона?

Question

Я хочу сохранить выбранный цвет после обновления или закрытия страницы и повторного открытия.Я добавил три кнопки на свою страницу для изменения цвета фона.

<div id="color">
        <button id="blue" onclick="colorBlue()"></button>
        <button id="red" onclick="colorRed()"></button>
        <button id="green" onclick="colorGreen()"></button>
</div>

И функции в файле скрипта.

function colorBlue() {
    document.body.style.backgroundColor = '#002E5C';
}
function colorRed() {
    document.body.style.backgroundColor = '#BA1616';
}
function colorGreen() {
    document.body.style.backgroundColor = '#118E1B';
}

Это для школьного проекта, и это должно быть сделано с помощьюпеченье.Я пытался сделать это сам, но безуспешно.Заранее спасибо!

Answer 1

Вы можете использовать localStorage для этого.Подробнее в MDN

Установить элемент хранения с помощью функции:

localStorage.setItem('bgcolor', 'blue'); 

, а затем проверить, загружается ли страница или что-либо еще.

localStorage.getItem('bgcolor');