javascript - сохранить данные в локальном хранилище

Question

У меня есть упражнение, пользователь должен войти на мой сайт (с электронной почтой и его идентификатором), а затем я сохраняю их данные как объект в локальном хранилище, у пользователя есть возможность выбрать шаблон для сайта из количество вариантов. Упражнение состоит в том, что каждый пользователь, который входит в систему, увидит выбранный им шаблон, а не что-то еще.

I Успешное сохранение пользователя в локальном хранилище в виде массива объектов следующим образом:

[
{email: a@b.com, id: 123456},{email: c@b.com, id: 789456}...
]

Моя проблема в том, чтобы получить идентификатор от текущего пользователя, вошедшего в систему, и поместить его в новый массив в локальном хранилище с выбранным ими шаблоном. Я ожидаю получить что-то вроде этого:

[
{id:userID, template:userTemplate}
]

Затем каждый раз пользователь входит на сайт. Я получаю доступ к этому массиву, беру выбранный им шаблон и соответствующим образом меняю сайт. На самом деле у меня еще нет написанного кода для этого, поэтому я спрашиваю здесь

Answer 1

Во-первых, сохраните свои учетные данные в Localstorag, сохранив их в объекте и упорядочив их для сохранения в localalstorage с помощью setItem . setItem принимает ключ и значение для сохранения.

let email= "khan@hotmail.com";
let id= "123";

let credObj = [
  {
   "email": email,
   "Id": id
  }
];

let objStr = JSON.stringify(credObj);

localStorage.setItem("userCreds",objStr)

Доступ к локальному хранилищу с помощью getItem вместе с ключом:

let userCred= localStorage.getItem('userCreds');
JSON.parse(userCred);