Как сделать при обновление страницы, кнопка сохраняет положение и действия?

Для реализации сохранения положения и действий кнопки при обновлении страницы в JavaScript можно использовать различные подходы. Вот один из возможных вариантов решения:

1. Использование localStorage:
- При клике на кнопку сохраняем ее состояние (например, включено или выключено) и любые другие действия, которые вы хотите сохранить.
- В событии window.onbeforeunload сохраняем состояние кнопки и действия в localStorage:

     window.onbeforeunload = function() {
       // Получаем текущее состояние кнопки
       let buttonState = document.getElementById('myButton').disabled;
       // Сохраняем состояние кнопки в localStorage
       localStorage.setItem('buttonState', buttonState);
       // Сохраняем дополнительные действия в localStorage
       // ...
     }

- При обновлении страницы (например, в событии window.onload) восстанавливаем состояние кнопки из localStorage и выполняем сохраненные действия:

     window.onload = function() {
       // Восстанавливаем состояние кнопки из localStorage
       let buttonState = localStorage.getItem('buttonState');
       document.getElementById('myButton').disabled = buttonState;
       // Восстанавливаем дополнительные действия из localStorage
       // ...
     }

2. Использование cookies:
- При клике на кнопку сохраняем ее состояние и действия в cookie:

     document.getElementById('myButton').onclick = function() {
       // Получаем текущее состояние кнопки
       let buttonState = this.disabled;
       // Создаем cookie и сохраняем в ней состояние кнопки
       document.cookie = `buttonState=${buttonState}`;
       // Сохраняем дополнительные действия в cookie
       // ...
     }

- При обновлении страницы (например, в событии window.onload) восстанавливаем состояние кнопки и выполняем сохраненные действия из cookie:

     window.onload = function() {
       // Получаем значение cookie
       let buttonState;
       const cookies = document.cookie.split(';');
       for (let i = 0; i < cookies.length; i++) {
         const cookie = cookies[i].trim().split('=');
         if (cookie[0] === 'buttonState') {
           buttonState = cookie[1];
           break;
         }
       }
       // Восстанавливаем состояние кнопки из cookie
       document.getElementById('myButton').disabled = buttonState;
       // Восстанавливаем дополнительные действия из cookie
       // ...
     }

Обратите внимание, что приведенные выше решения сохраняют лишь простые значения (например, состояние кнопки), их можно расширить для сохранения более сложных состояний и действий кнопки при обновлении страницы.