[PROJ-18.11/compl] deleting-days-comments

Deleting "habbit-days/comnts". Updating "data/localStorage", re-render.

Worth noting:
  - implicit changes, in line "return { ...habbit, days: habbit.days }".

FS-dev: B-3 / JS basic

Author: matowdev

full-stack-dev/3-js-basic/18-proj-habit-tracker/18-11-deleting-days-comments/js/index.js

@@ -100,7 +100,7 @@ function rerenderHabbitDaysContentEl(activeHabbit) {
     }</div>
       <div class="habbit-days__comment-wrap">
         <div class="habbit-days__comment">${activeHabbit.days[i].comment}</div>
-        <button class="habbit-days__delete-btn" type="button" aria-label="Удалить день" title="Удалить день">
+        <button class="habbit-days__delete-btn" type="button" aria-label="Удалить день" title="Удалить день" onclick="deleteCommentDay(${i})">
           <img class="habbit-days__delete-icon" src="./images/trash-icon.svg" width="24" height="24"
             alt="Иконка: Мусорное ведро">
         </button>
@@ -167,7 +167,7 @@ function addCommentDay(event) {
 
     habbits = habbits.map((habbit) => {
       if (habbit.id === globalActiveHabbitId) {
-        return { ...habbit, days: habbit.days.concat({ comment: dayComment }) }; // создание новых объектов, на основе старых (с корректировкой поля days)
+        return { ...habbit, days: habbit.days.concat({ comment: dayComment }) }; // создание новых объектов, на основе старых (с корректировкой поля/массива days)
       }
       return habbit;
     });
@@ -180,6 +180,19 @@ function addCommentDay(event) {
   }
 }
 
+function deleteCommentDay(index) {
+  habbits = habbits.map((habbit) => {
+    if (habbit.id === globalActiveHabbitId) {
+      habbit.days.splice(index, 1);
+      return { ...habbit, days: habbit.days }; // создание новых объектов, на основе старых (с корректировкой поля/массива days)
+    }
+    return habbit;
+  });
+
+  rerender(globalActiveHabbitId); // перерисовка всего/content элемента
+  saveData(); // обновление/сохранение в localStorage
+}
+
 // init
 (() => {
   // загрузка данных.. по сути автоматическая/сразу (соответственно через IIFE)