Add the ability to edit todos in another window

1Marc · May 7, 2022 · 0997999 · 0997999
1 parent 854dd40
commit 0997999
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/js/store.js b/js/store.js
@@ -2,7 +2,15 @@ export const TodoStore = class extends EventTarget {
     constructor(localStorageKey) {
         super();
         this.localStorageKey = localStorageKey;
-        this.todos = JSON.parse(window.localStorage.getItem(localStorageKey) || '[]');
+        this._readStorage();
+        // handle if todos are edited in another window
+        window.addEventListener("storage", () => {
+            this._readStorage();
+            this._save();
+        }, false);
+    }
+    _readStorage () {
+        this.todos = JSON.parse(window.localStorage.getItem(this.localStorageKey) || '[]');
     }
     _save() {
         window.localStorage.setItem(this.localStorageKey, JSON.stringify(this.todos));