Модификација на складирани структури во 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 инпут и копче. Нека во инпутите се внесуваат презиме, име и возраст. При притискање на копчето, запишете нов корисник на крајот од низата зачувана во складиштето.