Для сохранения временных данных на устройстве пользователя можно использовать различные способы, например:
1. Локальное хранилище браузера (LocalStorage или SessionStorage) - это специальные механизмы хранения данных в браузере. Данные сохраняются в виде ключ-значение и доступны только для конкретного домена.
2. Cookies - это небольшие текстовые файлы, которые хранятся на устройстве пользователя и содержат информацию о посещенных сайтах.
3. Использование баз данных браузера (IndexedDB или WebSQL) - позволяют хранить структурированные данные на устройстве пользователя.
Что касается разделения данных в форматах JSON и HTML разметки на frontend, то можно разместить JSON данные в отдельном файле (например, data.json) и загружать их через AJAX запросы при необходимости. HTML разметку можно хранить непосредственно на странице или в шаблонных файлах (например, с использованием шаблонизаторов как Handlebars или Mustache).
Для обеспечения возможности обновления данных и защиты от изменения ключевых данных рекомендуется использовать механизмы авторизации и аутентификации, чтобы предотвратить нежелательный доступ к данным. Также можно использовать различные методы шифрования (например, HTTPS) для защиты данных от подмены или перехвата.