Modifikácia uložených štruktúr v localStorage v JavaScripte

Nech v lokálnom úložisku je uložené nejaké pole:

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

Nech teraz potrebujeme toto pole nejako modifikovať, napríddať mu na koniec ďalší prvok alebo zmeniť už existujúci.

Na vyriešenie úlohy získame reťazec uložený v úložisku s polom, pretransformujeme tento reťazec na pole, vykonáme s týmto polom potrebné manipulácie, pretransformujeme toto pole späť na reťazec a zapíšeme späť do úložiska:

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

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

localStorage.setItem('data', JSON.stringify(data));

Задание 1

Dané je nasledujúce pole s používateľmi:

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

Uložte ho do lokálneho úložiska. Potom vytvorte 3 vstupné polia a tlačidlo. Nech do vstupných polí sa zadáva priezvisko, meno a vek. Po kliknutí na tlačidlo zapíšte nového používateľa na koniec uloženého poľa v úložisku.