[johnpro]

Здравствуйте!
Хочется создать удобную настройку сайта для пользователей. Кнопка изменения ширины.
Есть div с id="test". Ширина div-а (width) = 780px. Необходимо создать кнопку, при нажатии которой ширина бы изменялась без перезагрузки страницы. Функцию создал:

function changeWidth(){
      currentWidth = parseInt(document.getElementById('test').style.width);
      
      if(currentWidth < 1080){
         currentWidth += 40;
      } else {
         currentWidth = 780;
      }
      document.getElementById('test').style.width = currentWidth + 'px';
   };

   window.onload = function(){
      document.getElementById('test').style.width = '780px';
   }

Все работает, только стоит перезагрузить страницу или перейти на следующую, все изменения пропадают, а нужно чтобы изменения ширины оставались. Как это можно сделать?
Нужно наверное добавить функцию создания и чтения куки, ток чет не получается(не хватает опыта).
Прошу помощи!!!