glupto: ABspeichern per localstorage

Beitrag lesen

Hallo, ich wollte erst, dass meine Nutzer Einstellungen (Medienauswahl) per cookie speichern können, wurde dann aber hier auf localstorage hingewiesen, das ich nicht kannte. Jetzt habe ich mit sehr rudimentären JS-Kenntnissen folgendes versucht.

<!DOCTYPE html>
<html>
<head>

<script>
function speichern() {
 window.localStorage.setItem('medien', 'auswahl');
}

function lesen() {
 var key = localStorage.getItem('medien');
 alert ("You typed: " + key);
}
</script>

</head>
<body>


<form action="JavaScript:speichern();" method="post" >
<input type="checkbox" name="auswahl[]" value="http://www.tagesschau.de">Tagesschau<br>
<input type="checkbox" name="auswahl[]" value="http://www.spiegel.de">Spiegel<br>
<input type="checkbox" name="auswahl[]" value="http://www.heute.de">Heute<br>
<input type="checkbox" name="auswahl[]" value="http://www.deutschlandfunk.det">Deutschlandfunk<br>
<input type="checkbox" name="auswahl[]" value="http://www.inforadio.de">Inforadio<br>
<input type="checkbox" name="auswahl[]" value="http://www.br.de">BR<br>
<input type="checkbox" name="auswahl[]" value="http://www.ndr.de">NDR<br>
<input type="checkbox" name="auswahl[]" value="http://www.mdr.de">MDR<br>
<input type="checkbox" name="auswahl[]" value="http://www.zeit.de">ZEIT<br>
<input type="checkbox" name="auswahl[]" value="http://www.focus.net">FOCUS<br>
<input type="checkbox" name="auswahl[]" value="http://www.tagesspiegel.de">Tagesspiegel<br>
<input type="checkbox" name="auswahl[]" value="http://www.rp-online.de">Rheinische Post<br>
<input type="checkbox" name="auswahl[]" value="http://www.stern.de">Stern<br>
<input type="checkbox" name="auswahl[]" value="http://www.n24.de">N24<br>
<input type="checkbox" name="auswahl[]" value="http://www.sr-online.de">SR<br>
<input type="checkbox" name="auswahl[]" value="http://www.wdr.de">WDR<br>
<input type="checkbox" name="auswahl[]" value="http://www.taz.de">taz<br>
<input type="checkbox" name="auswahl[]" value="http://www.faz.de">FAZ<br>
<input type="checkbox" name="auswahl[]" value="http://www.sueddeutsche.de">Süddeutsche<br>
<input type="checkbox" name="auswahl[]" value="http://www.fr.de">FR<br>
<input type="submit" value="go!">
<input type="button" value="read!" onClick="JavaScript:lesen();">
</form>


</body>
</html>

Ich habe mir zur Kontrolle, das Gespeicherte bzw. Abgerufene per alert ausgeben lassen wollen, klappt aber alles nicht so recht, hat jemand einen Tipp? Danke Glupto