Muszę zapisać wybrane dane z formularza do local storage. Raz się udało. Po wyświetleniu długości zawartości local storage wartością wyświetlaną było 3 (zapisałam tam 3 rzeczy więc ok). Niestety kiedy chce zapisać kolejne to albo nie zapisuje ich albo nadpisuje mi poprzednie - nie mogę stwierdzić, które się dzieje bo chociaż próbuję wyświetlić zawartość to dostaję NaN lub null.
Proszę o wskazanie błędów bo niestety już nie mam pomysłu.
<form action="#" method="post">
<div><label for="imie">Imię<input type="text" required="required" id="imie"></label></div>
<div><label for="email">Adres e-mail<input type="email" required="required" id="email"></label></div>
<div><label>Jaki przepis chciałbyś/chciałabyś zobaczyć na stronie?<textarea id="jakiprzepis"></textarea></label></div>
<input type="reset" value="Wyczyść"/>
<button name="Wyślij">Wyślij</button>
</form>
var name = document.getElementById('imie').value;
var email = document.getElementById('email').value;
var recipe = document.getElementById('jakiprzepis').value;
localStorage.setItem("name", name);
localStorage.setItem("email", email);
localStorage.setItem("recipe", recipe);
/*próbowałam wyświetlać wartości ale nie wychodzi*/
var pokaz = parseInt(localStorage.getItem("name"));
alert(pokaz);