Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
JavaScript
Button hinzufügen & in local storage speichern(Einkaufsliste)
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Sempervivum, post: 13915, member: 3917"] Das liegt daran, dass ich nur die halbe Arbeit gemacht hatte. Du musst auch das Auslesen ändern: [CODE] // Funktion zum Wiederherstellen der Liste aus dem LocalStorage function wiederherstelleListe() { var json = localStorage.getItem("liste"); // JSON-String aus dem LocalStorage abrufen if (json) { // Überprüfen, ob ein JSON-String vorhanden ist var listItems = JSON.parse(json); // JSON-String in ein Array umwandeln for (var i = 0; i < listItems.length; i++) { var li = document.createElement("li"); // Neues LI-Element erstellen // Dem LI-Element den Text aus dem Array hinzufügen // Weil es sich jetzt um ein Objekt handelt, // müssen wir das Element "item" heraus lesen. li.appendChild(document.createTextNode(listItems[i].item)); // War im localStorage gespeichert, dass der Listenpunkt erledit ist, // fügen wir die Klasse "done" hinzu if (listItems[i].done) li.classList.add("done"); ul.appendChild(li); // Das LI-Element zur UL-Liste hinzufügen li.addEventListener("click", abgehaktEintrag); // Event-Listener hinzufügen, um den Eintrag als erledigt zu markieren var deleteButton = document.createElement("button"); // Neuen Lösch-Button erstellen deleteButton.appendChild(document.createTextNode("x")); // Dem Lösch-Button den Text "Löschen" hinzufügen li.appendChild(deleteButton); // Den Lösch-Button dem LI-Element hinzufügen deleteButton.addEventListener("click", loescheEintrag); // Event-Listener hinzufügen, um den Eintrag zu löschen } } }[/CODE] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
JavaScript
Button hinzufügen & in local storage speichern(Einkaufsliste)
Oben
Unten