Как сохранить добавленный класс через JS?

Question

[js_123]

Возможно ли и как сохранить класс который добавляется при клике на кнопку после обновления страницы (желательно localstorage). setInterval не подходит.

function m_stop1() {
   let img_1 = document.getElementById('img')
   img_1.classList.add('green1')
}

.green1 {
  border-color: green !important;
}

Answer 1

[Mors Clamor]

Ну в localstorage и сохраните

Comments

[js_123]

В том то и проблема, как это должно выглядеть?

[Mors Clamor]

js_123, если задача так и есть - просто сохранить в localstorage, то

window.localStorage.setItem('name', 'Obaseki Nosa');

Данные хранятся в виде пар ключ:значение

[Mors Clamor]

js_123, Потом вытаксикваете оттдуа, все методы localstorage легко находятся в гугле. Или в чем вопрос?

[js_123]

Что сохранять чтобы остался класс после обновления?

[Stockholm Syndrome]

js_123, что угодно, хоть сам класс, хоть булево значение

[js_123]

Stockholm Syndrome, Не могли бы вы написать пример как сделать чтобы после обновления страницы присвоеный класс не пропадал?

[js_123]

66demon666, Не могли бы вы написать пример как сделать чтобы после обновления страницы присвоеный класс не пропадал?

[Сергей delphinpro]

js_123, после обновления класс обязательно пропадет. Ваша задача - при загрузке страницы проверить запись в локалсторейжд и вернуть его обратно.

[Stockholm Syndrome]

js_123, простейший пример

document.querySelector('button').addEventListener('click', () => {  
  localStorage.setItem('name', 'green'); // сохраняем в localStorage
});

const value = localStorage.get('name') || 'red'; // получаем значение, 
// red в данном случае дефолтное значение, то есть если класс не был сохранён в localStorage