Hallo in die Runde,
ich möchte gerne ein Zählwerk bauen was den Browser Speicher nutzt.
Es soll folgendermaßen ablaufen, beim öffnen der HTML Seite wird der Browser Speicher als Variable eingelesen und wenn man nun den Count Button drückt wird auf den alten Wert eine "1" addiert und der neue Wert wieder abgespeichert.
Wenn man dann aber den Button "Löschen" drücken würde, wird der Counter zurückgesetzt.
Ich möchte im Grunde genommen so in einer HTML Seite das drücken eines Button zählen und anzeigen lassen und als Variabel weiter verwenden. Das Löschen soll nur über eine andere Seite möglich sein.
Hier mein Test-Script:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test-Zähler mit Speicher</title>
</head>
<body>
<input type="button" value="Count" id="countButton" />
<p>Du hast den Button <span id="displayCount">0</span> gedrueckt.</p>
<script type="text/javascript">
var count = 0;
var button = document.getElementById("countButton");
var display = document.getElementById("displayCount");
button.onclick = function(){
count++;
display.innerHTML = count;
}
function speichern() {
var key = 1;
var data = display.innerHTML;
window.localStorage.setItem(key, data);
}
function lesen() {
var key = 1;
var data = display.innerHTML;
document.getElementById('data').value = window.localStorage.getItem(key);
}
function loeschen() {
var key = 1;
var data = display.innerHTML;
document.getElementById('data').value = window.localStorage.clear(key);
}
</script>
</head>
<body>
Text: <br>
<textarea id="data"></textarea> <br>
<input type="button" value="Speichern" onclick="speichern()">
<input type="button" value="Lesen" onclick="lesen()">
<input type="button" value="loeschen" onclick="loeschen()">
</body>
</html>
Vielen Dank an alle
Gehört zu diesem Skript dann auch noch eine Seite um das Passwort zu verschlüsseln?