erlehmann/localstorage.html

## localstorage.html
<!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>
	<!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>