Skip to content

Commit 03b2c49

Browse files
committed
feat: add tutorial of local storage
1 parent 87f2ddf commit 03b2c49

File tree

2 files changed

+26
-0
lines changed

2 files changed

+26
-0
lines changed

index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,5 +31,6 @@
3131
<!-- <script src="javascript/module.js"></script> -->
3232
<!-- <script src="src/babel.js"></script> -->
3333
<!-- <script src="javascript/reflect.js"></script> -->
34+
<!-- <script src="javascript/local-storage.js"></script> -->
3435
</body>
3536
</html>

javascript/local-storage.js

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
const someValue = 123;
2+
3+
localStorage.removeItem("number");
4+
console.log(`Number: ${localStorage.getItem("number")}`);
5+
localStorage.setItem("number", someValue.toString());
6+
console.log(`Number: ${localStorage.getItem("number")}`);
7+
localStorage.clear();
8+
9+
const someObject = {
10+
prop1: "Property One.",
11+
prop2: 1
12+
}
13+
14+
localStorage.setItem("someObject", JSON.stringify(someObject));
15+
const localStorageObject = localStorage.getItem("someObject");
16+
console.log(`someObject is ${typeof localStorageObject}`);
17+
const object = JSON.parse(localStorageObject);
18+
console.log(object);
19+
20+
21+
22+
// windows.onstorage = () => {}
23+
window.addEventListener("storage", event => {
24+
console.log(event);
25+
});

0 commit comments

Comments
 (0)