Es wird ein key/value Paar geloescht. Zudem die Funktion getLocalStorageItem(key) im Ordner MochaTutorial2 über Terminal mit Mocha getestet. Dieser Test scheitert, da die Web Storage Funktionen einen Browser brauchen. Daher funktionieren die Mocha-Tests im Ordner appV1 nur ueber den Browser.master
@@ -1,5 +1,7 @@ | |||
module.exports = { | |||
addNumbers(A, B) { | |||
return A + B; | |||
}, | |||
@@ -10,6 +12,11 @@ module.exports = { | |||
message() { | |||
return "hello world"; | |||
}, | |||
getLocalStorageItem(key) { | |||
return window.localStorage.getItem(key); | |||
} | |||
} | |||
@@ -0,0 +1,22 @@ | |||
const btnEinlesen = document.getElementById('Speichern'); | |||
function setLocalStorage(key, data) { | |||
window.localStorage.setItem(key, data); | |||
} | |||
function speichern() { | |||
var key = document.getElementById('key').value; | |||
var data = document.getElementById('data').value; | |||
setLocalStorage(key, data); | |||
} | |||
btnEinlesen.addEventListener('click', e => { | |||
speichern()}); | |||
@@ -0,0 +1,71 @@ | |||
const btnSuchen = document.getElementById('search'); | |||
const btnLoeschenKey = document.getElementById('delete_key'); | |||
const btnAllesLoeschen = document.getElementById('delete_all'); | |||
auslesen(); | |||
function getLocalStorageKey(index) { | |||
return window.localStorage.key(index); | |||
} | |||
function getLocalStorageItem(key) { | |||
return window.localStorage.getItem(key); | |||
} | |||
function deleteLocalStorageItem(key) { | |||
return window.localStorage.removeItem(key); | |||
} | |||
function getLocalStorageLength() { | |||
return window.localStorage.length; | |||
} | |||
function auslesen() { | |||
var count = getLocalStorageLength(); | |||
var displayData = document.getElementById('data'); | |||
displayData.innerHTML = ""; | |||
if (typeof(Storage) !== "undefined") { | |||
for (let i=0; i<count; i++) { | |||
var keyname = getLocalStorageKey(i); | |||
var data = getLocalStorageItem(keyname); | |||
displayData.innerHTML += "<dt>" + keyname+"</dt>" + "<dd>" + data + "</dd>"; | |||
} | |||
} else { | |||
displayData.innerHTML = "Entschuldigung, Ihr Browser unterstützt nicht Web Storage..."; | |||
} | |||
} | |||
function finden() { | |||
var keyname = document.getElementById('inputKey').value; | |||
var givenKey = document.getElementById('givenKey'); | |||
var notice = document.getElementById('notice'); | |||
givenKey.innerHTML = ""; | |||
notice.innerHTML = ""; | |||
var data = getLocalStorageItem(keyname); | |||
givenKey.innerHTML = keyname; | |||
notice.innerHTML = data; | |||
} | |||
function loeschen() { | |||
var key = document.getElementById('key').value; | |||
deleteLocalStorageItem(key); | |||
} | |||
function allesLoeschen() { | |||
window.localStorage.clear(); | |||
} | |||
btnSuchen.addEventListener('click', e => { | |||
finden()}); | |||
btnLoeschenKey.addEventListener('click', e => { | |||
loeschen()}); | |||
btnAllesLoeschen.addEventListener('click', e => { | |||
allesLoeschen()}); | |||
@@ -16,3 +16,21 @@ describe('first.js', function () { | |||
}); | |||
}); | |||
describe('getLocalStorageItem', function () { | |||
it('should return item', function () { | |||
window.localStorage.setItem("e", "f"); | |||
assert.equal("f", first.getLocalStorageItem("e")); | |||
window.localStorage.removeItem("e"); | |||
}); | |||
it('should return item as string value', function () { | |||
window.localStorage.setItem("g", "h"); | |||
assert.typeOf(first.getLocalStorageItem("g"), 'string'); | |||
window.localStorage.removeItem("g"); | |||
}); | |||
it('should return item as string value', function () { | |||
window.localStorage.setItem("myKey2", "myValue2"); | |||
assert.isString(first.getLocalStorageItem("myKey2"), 'Item is string'); | |||
window.localStorage.removeItem("myKey2"); | |||
}); | |||
}); | |||
@@ -14,7 +14,7 @@ function getLocalStorageItem(key) { | |||
} | |||
function deleteLocalStorageItem(key) { | |||
return window.localStorage.removeItem(key); | |||
window.localStorage.removeItem(key); | |||
} | |||
function getLocalStorageLength() { |