Как бы вы хранили данные формы, чтобы пользователь мог вернуться после перезагрузки страницы или закрытия вкладки (без авторизации)?

Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать Web Storage API — localStorage или sessionStorage.

Короткий ответ

Что ответить на собеседовании

Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать Web Storage API — localStorage или sessionStorage.

Подробный разбор

Ответ с пояснениями

Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать Web Storage API — localStorage или sessionStorage.

Пример на JavaScript:

const form = document.querySelector('form');
const input = form.querySelector('input[name="text"]');

// Загружаем сохранённое значение при загрузке страницы
window.addEventListener('load', () => {
  const saved = localStorage.getItem('formDraft');
  if (saved) {
    input.value = saved;
  }
});

// Сохраняем значение при изменении
input.addEventListener('input', () => {
  localStorage.setItem('formDraft', input.value);
});

// При отправке формы можно очистить сохранённый черновик
form.addEventListener('submit', () => {
  localStorage.removeItem('formDraft');
});

Такой подход сохраняет данные в браузере и позволяет восстановить их после перезагрузки страницы.

Практика в реальном времени

Подготовьтесь к следующему собеседованию

Interview Boost учитывает вакансию, резюме и технологии и помогает сформулировать ответ прямо во время интервью.

Начать подготовку