123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- window.onload = init;
- function init() {
- var button = document.getElementById('mehr');
- button.onclick = ToDoHinzufügen;
- var clearButton = document.getElementById('loeschen');
- clearButton.onclick = allesLöschen;
- var eintraegeArray = HolEinträge();
- for (var i = 0; i < eintraegeArray.length; i++) {
- var aufgabeNr = eintraegeArray[i];
- var value = JSON.parse(localStorage[aufgabeNr]);
- insDOMschreiben(aufgabeNr, value);
- }
- }
- function HolEinträge() {
- var eintraegeArray = localStorage.getItem('eintraegeArray');
- if (!eintraegeArray) {
- eintraegeArray = [];
- localStorage.setItem('eintraegeArray', JSON.stringify(eintraegeArray));
- } else {
- eintraegeArray = JSON.parse(eintraegeArray);
- }
- return eintraegeArray;
- }
-
- function ToDoHinzufügen() {
- var eintraegeArray = HolEinträge();
- var value = document.getElementById('eingabe').value;
- if(value!='')
- {
- var currentDate = new Date();
- var aufgabeNr = 'aufgabe_' + currentDate.getTime()
- var aufgabeText = {'value': value};
- localStorage.setItem(aufgabeNr, JSON.stringify(aufgabeText));
- eintraegeArray.push(aufgabeNr);
- localStorage.setItem('eintraegeArray', JSON.stringify(eintraegeArray));
- insDOMschreiben(aufgabeNr, aufgabeText);
- document.getElementById('eingabe').value=' ';
- }
- else
- {
- alert('Bitte geben Sie etwas ein!');
- }
- }
-
- function toDoLöschen(e) {
- var aufgabeNr = e.target.id;
- var eintraegeArray = HolEinträge();
- if (eintraegeArray) {
- for (var i = 0; i < eintraegeArray.length; i++) {
- if (aufgabeNr == eintraegeArray[i]) {
- eintraegeArray.splice(i,1);
- }
- }
- localStorage.removeItem(aufgabeNr);
- localStorage.setItem('eintraegeArray', JSON.stringify(eintraegeArray));
- ausDOMentfernen(aufgabeNr);
- }
- }
-
- function insDOMschreiben(aufgabeNr, ItemObj) {
- var eintraege = document.getElementById('eintraege');
- var eintrag = document.createElement('li');
- eintrag.setAttribute('id', aufgabeNr);
- eintrag.innerHTML = ItemObj.value;
- eintraege.appendChild(eintrag);
- eintrag.onclick = toDoLöschen;
- }
-
- function ausDOMentfernen(aufgabeNr) {
- var eintrag = document.getElementById(aufgabeNr);
- eintrag.parentNode.removeChild(eintrag);
- }
-
- function allesLöschen() {
- localStorage.clear();
- var ItemList = document.getElementById('eintraege');
- var eintraege = ItemList.childNodes;
- for (var i = eintraege.length-1; i >= 0; i--) {
- ItemList.removeChild(eintraege[i]);
- }
- var eintraegeArray = HolEinträge();
- }
-
|