[имя] спросил(а): задача: есть input на странице. Напиши код, который позволит сохранять введённое значение в localStorage так, чтобы после перезагрузки страницы значение восстанавливалось.

Прочитайте сохранённую строку после появления input и обновляйте localStorage на событии input, обрабатывая возможный отказ хранилища.

Код выполняется после создания элемента:

const input = document.querySelector('#draft');
if (input instanceof HTMLInputElement) {
  try { input.value = localStorage.getItem('draft') ?? ''; }
  catch { console.warn('Хранилище недоступно'); }
  input.addEventListener('input', () => {
    try { localStorage.setItem('draft', input.value); }
    catch { console.warn('Не удалось сохранить черновик'); }
  });
}

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