Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Beispiel für die Verwendung von localStorage
<!DOCTYPE html>
<meta charset="utf-8">
<title>Beispiel für die Verwendung von localStorage</title>
<h1>Ewige Blumenkraft</h1>
<input id="">
<p>
Der Inhalt des obigen Eingabefelds wird gespeichert und wieder hergestellt, falls dein Browser <a href="http://www.w3.org/TR/webstorage/#the-localstorage-attribute"><code>localStorage</code></a> unterstützt.
</p>
<p>
Schließe diese Seite, dann besuche sie erneut. Schließe deinen Browser, dann besuche diese Seite erneut. Schalte deinen Rechner aus, dann besuche diese Seite erneut. <em>Der Text wird immer noch da sein.</em>
</p>
<button onclick="delete localStorage.ewigZuSpeichernderInhalt">
Lösche verfickt alles nochmal!
</button>
<script>
/* Browser ohne localStorage bekommen unseren süßen Liebesnektar nicht! */
if (window.localStorage) {
var i = document.getElementById('∞');
// Der <script>-Block wird beim Laden der Seite ausgeführt.
if (localStorage.ewigZuSpeichernderInhalt != null) {
i.value = localStorage.ewigZuSpeichernderInhalt;
}
// Jedes Mal, wenn eine Taste losgelassen wird, wird der Text im Eingabefeld gespeichert.
i.addEventListener(
'keyup',
// “So I heard you like functions …”
function() { localStorage.ewigZuSpeichernderInhalt = i.value; },
false);
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment