Мадыфікацыя структураў, якія захоўваюцца, у localStorage на JavaScript

Няхай у лакальным сховішчы захоўваецца нейкі масіў:

javascriptlet arr = [1, 2, 3, 4, 5];
localStorage.setItem('data', JSON.stringify(arr));

Няхай цяпер нам спатрэбілася як-небудзь мадыфікаваць гэты масіў, напрыклад, дадаць яму ў канец яшчэ адзін элемент альбо змяніць ужо існуючы.

Для вырашэння задачы атрымаем якая захоўваецца ў сховішчы радок з масівам, ператворым гэтую радок у масіў, зробім з гэтым масівам неабходныя маніпуляцыі, ператворым гэты масіў назад у радок і запішам назад у сховішча:

javascriptlet json = localStorage.getItem('data');
let data = JSON.parse(json);

data.push(6);
data[0] = '!';

localStorage.setItem('data', JSON.stringify(data));
Задание 1

Дадзены наступны масіў з карыстальнікамі:

javascriptlet users = [
  {
    surn: 'surn1',
    name: 'name1',
    age: 31,
  },
  {
    surn: 'surn2',
    name: 'name2',
    age: 32,
  },
  {
    surn: 'surn',
    name: 'name3',
    age: 33,
  },
];

Захавайце яго ў лакальнае сховішча. Затым зрабіце 3 інпута і кнопку. Няхай у інпуты ўводзяцца прозвішча, імя і ўзрост. Пасля націску на кнопку запішыце новага карыстальніка ў канец захаванага ў сховішчы масіва.