DmitryKorolDevPro · SvetlanaTr · Mar 25, 2021 · Mar 25, 2021 · Mar 26, 2021 · Mar 28, 2021
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/HW8(MVC)/.gitignore b/HW8(MVC)/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/HW8(MVC)/controller.js b/HW8(MVC)/controller.js
@@ -0,0 +1,36 @@
+import { view } from './view.js';
+import { model } from './model.js';
+
+class Controller {
+    constructor() { }
+
+    addTodo() {
+        const todo = view.getNewToDoText();
+        model.add_Todo(todo);
+    }
+
+    saveTodo() {
+        model.saveElement(view.getAllTodo());
+    }
+
+    restoreTodo() {
+        model.loadTodo();
+    }
+
+    contentLisener() {
+        //on click button 'add' newElement()
+        view.addButton.addEventListener('click', this.addTodo);
+
+        //on click button 'save' saveElement()
+        view.saveButton.addEventListener('click', this.saveTodo);
+    }
+}
+
+const controller = new Controller;
+document.body.onload = () => {
+    controller.contentLisener();
+    controller.restoreTodo();
+    view.crossedOut();
+}
+
+export { controller };
diff --git a/HW8(MVC)/index.html b/HW8(MVC)/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>TODO List</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' href='./style.css'>
+
+</head>
+
+<body>
+    <div class='wrapper'>
+        <div class='header'>
+            <h1>ToDo list</h1>
+            <input type='text' placeholder='write your note ...' id='toDoEl'>
+            <span class='addBtn'>Add</span>
+            <span class='saveBtn'>Save</span>
+        </div>
+        <ul id='list'>
+        </ul>
+    </div>
+
+    <script src='./controller.js' type='module'></script>
+</body>
+
+</html>
diff --git a/HW8(MVC)/model.js b/HW8(MVC)/model.js
@@ -0,0 +1,27 @@
+import Observer from './observer.js';
+
+class Model {
+    constructor() {
+        this.toDo = new Observer();
+        this.savedTodo = new Observer();
+    }
+
+    //function to load todo if list is found in local storage.
+    loadTodo() {
+        if (localStorage.getItem('todoList')) {
+            this.savedTodo.notify(localStorage.getItem('todoList'));
+        }
+    }
+
+    //save todolist state so user can access it later
+    saveElement(todo) {
+        localStorage.setItem('todoList', todo);
+    }
+
+    add_Todo(text) {
+        this.toDo.notify(text);
+    }
+}
+
+const model = new Model;
+export { model };
diff --git a/HW8(MVC)/observer.js b/HW8(MVC)/observer.js
@@ -0,0 +1,20 @@
+export default class Observer {
+    constructor() {
+        this.subscribers = [];
+    }
+    subscribe(subscriber) {
+        this.subscribers.push(subscriber);
+    }
+
+    unsubscribe() {
+        if (!this.subscribers.length) {
+            this.subscribers.pop();
+        }
+    }
+
+    notify(data) {
+        this.subscribers.forEach(subscriber => {
+            subscriber.update(data);
+        });
+    }
+}