Liste per localstorage speichern?

[Headhunter1]

<div id="notiz">
<h1>Meine Notizen</h1>
<ol id="liste" contenteditable="true" >
<li>Neue Notiz anlegen</li>
<li>Neue Notiz anlegen2</li>
</ol>
</div>
<input type="button" value="Speichern" onClick="speichernnotizen()" class="button">
<input type="button" value="Leeren" onClick="leeren()" class="button"

wie kann ich diese liste per javascript bei klick auf den button speichern mit der funktion localstorage speichern ? und das sie beim nächsten neuladen der seite auch gleich angezeigt wird? Ich hab schon total viel ausprobiert aber es funktioniert einfach nicht
Lg.

[kkapsner]

Was hast du ausprobiert? Herzeigen!
Stand etwas in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?)?
Hast du auch wirklich einen Browser verwendet, der localstorage unterstützt?

PS: es heißt onclick.

[Headhunter1]

einmal das hab ich ausprobiert:

$(document).ready(function() {

restoreContents();

$('#edit').bind('click', toggleEditContent);
$('#clear').bind('click', resetContent);

function saveContents() {
var todoList = $('#todolist').html();
localStorage['todoList'] = todoList;
}

function restoreContents() {
var myTodoList = localStorage['todoList'];
if (myTodoList != undefined) {
$('#todolist').html(myTodoList);
}
}

function toggleEditContent(e) {
if ($('#todolist').attr('contenteditable') == 'false') {
$('#todolist').attr('contenteditable', 'true');
$('#edit').val('Speichern');
$('#todolist').focus();
} else {
$('#todolist').attr('contenteditable', 'false');
$('#edit').val('Bearbeiten');
saveContents();
}
}

function resetContent(e) {
localStorage.clear();
window.location.reload();
}

});

hier hab ich die Fehlermeldung bekommen das "$ is not definiert"


und das hier hab ich auch auprobiert aber beides geht nicht :

var localList = localStorage.getItem('storageList');
var listObj = document.getElementById('liste');

if(localList){ listObj.innerHTML = localList; }
function speichernnotizen(){
localStorage.setItem('storageList', listObj.innerHTML); }

[ein schlauer]

Wenn das Dollarzeichen nicht definiert ist, hast du nicht die JS Bibliothek eingebunden die du verwenden willst.

Im 2. Beispiel hast du uns nicht gesagt was "klappt nicht" heißt?