[PROJ-18.5/compl] loading-saving-data

Realization of data "load/save" func's. Adding "demo.json" file.

Worth noting:
  - self-addition of data to "localStorage/Application".

FS-dev: B-3 / JS basic

Author: matowdev

full-stack-dev/3-js-basic/18-proj-habit-tracker/18-5-loading-saving-data/data/demo.json

@@ -0,0 +1,19 @@
+[
+  {
+    "id": 1,
+    "icon": "gantel-icon",
+    "name": "Отжимания",
+    "target": 10,
+    "days": [
+      { "comment": "Первый подход всегда даётся тяжело.." },
+      { "comment": "Второй день немного легче!" }
+    ]
+  },
+  {
+    "id": 2,
+    "icon": "food-icon",
+    "name": "Правильное питание",
+    "target": 10,
+    "days": [{ "comment": "Круто!" }]
+  }
+]

…ading-saving-data/images/gantle-icon.svg …ading-saving-data/images/gantel-icon.svgfull-stack-dev/3-js-basic/18-proj-habit-tracker/18-5-loading-saving-data/images/gantle-icon.svg renamed to full-stack-dev/3-js-basic/18-proj-habit-tracker/18-5-loading-saving-data/images/gantel-icon.svg full-stack-dev/3-js-basic/18-proj-habit-tracker/18-5-loading-saving-data/images/gantle-icon.svg renamed to full-stack-dev/3-js-basic/18-proj-habit-tracker/18-5-loading-saving-data/images/gantel-icon.svg

@@ -27,7 +27,7 @@
           <li class="sidebar__nav-item">
             <button class="sidebar__nav-btn sidebar__nav-btn_active" type="button" aria-label="Выбрать привычку"
               title="Отжимания">
-              <img class="sidebar__nav-icon" src="./images/gantle-icon.svg" width="23" height="23"
+              <img class="sidebar__nav-icon" src="./images/gantel-icon.svg" width="23" height="23"
                 alt="Иконка: Гантеля">
             </button>
           </li>

full-stack-dev/3-js-basic/18-proj-habit-tracker/18-5-loading-saving-data/index.html

@@ -0,0 +1,23 @@
+'use strict';
+
+let habbits = [];
+const HABBITS_KEY = 'HABBITS';
+
+// ** utility **
+function loadData() {
+  const habbitsStr = localStorage.getItem(HABBITS_KEY);
+  const habbitsArr = JSON.parse(habbitsStr);
+
+  if (Array.isArray(habbitsArr)) {
+    habbits = habbitsArr;
+  }
+}
+
+function saveData() {
+  localStorage.setItem(HABBITS_KEY, JSON.stringify(habbits));
+}
+
+// загрузка данных.. по сути автоматическая/сразу (соответственно через IIFE)
+(() => {
+  loadData();
+})();