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

Question

[RudMa]

При добавлении товара в корзину при помощи javascript меняется название на кнопке с "В корзину" на "в корзине", но при перезагрузке оно снова меняется на старое. Товары я сохраняю в localStorage. Была идея сохранять значение текста кнопки также в localStorage, но у каждой кнопки свой id. И непонятно как соотнести id товара, который добавили с измененным текстом.

Comments

[Сергей Соколов]

покажите пример разметки. Откуда берутся id кнопок, что их невозможно соотнести с товарами? Как идентифицируются товары — неужели только по названию? – может, ещё у них есть какой-то артикул?

[RudMa]

данные по товару будут описаны в data-атрибутах, что я и заношу в localStorage. Я не говорю, что их нельзя соотнести с id, просто не понимаю как это делается

Answer 1

[Олег Фролов]

Для хранения разной информации в localStorage можно завести поле со строкой в формате json
Например:
var settings = {"button1":"В корзину","button2":"В корзине"};
localStorage.setItem('settings',JSON.stringify(settings));
После перезагрузки страницы, читаем из localStorage:
var settings = JSON.parse(localStorage.getItem('settings'));
И распихиваете значения куда нужно...