/
index.html
63 lines (59 loc) · 2.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html>
<head>
<meta charset="UTF-8">
<title>storge test</title>
<style>
body { padding: 50px; font-family: sans-serif; }
</style>
</head>
<body>
<p>
<label for="namespace">namespace</label>
<br>
<input id="namespace" type="text" value="TEST">
</p>
<p>
<label for="version">version</label>
<br>
<input id="version" type="text">
</p>
<button id="set">Set</button>
<button id="get">Get</button>
<button id="clear">Clear</button>
<button id="tojson">JSON</button>
<button id="flush">Flush</button>
<button id="backup">Backup</button>
<script src="storge.js"></script>
<script>
(function() {
var $ = function(id) { return document.getElementById(id.substr(1)); },
namespace = $('#namespace'),
version = $('#version'),
store = function() {
return storge(namespace.value, version.value);
};
$('#set').addEventListener('click', function() {
var key = prompt('key')
var value = prompt('value');
store().set(key, value);
});
$('#get').addEventListener('click', function() {
var key = prompt('key')
console.log('get:', store().get(key));
});
$('#clear').addEventListener('click', function() {
console.log('clear:', store().clear());
});
$('#tojson').addEventListener('click', function() {
console.log('toJSON:', store().toJSON());
});
$('#flush').addEventListener('click', function() {
storge.flush();
});
$('#backup').addEventListener('click', function() {
console.log('backup:', storge.backup());
});
}());
</script>
</body>
</html>