14-grocery bud edit local storage fixed

john-smilga · john-smilga · commit 9e8abd9da1cc · 2020-04-25T21:34:09.000-07:00
diff --git a/14-todo/final/app.js b/14-todo/final/app.js
@@ -10,7 +10,7 @@ const clearBtn = document.querySelector(".clear-btn");
 // edit option
 let editElement;
 let editFlag = false;
-
+let editValue = "";
 // ****** event listeners **********
 
 // submit form
@@ -60,9 +60,10 @@ function addItem(e){
 } else if (value !== "" && editFlag){
 editElement.innerHTML = value;
 displayAlert("value changed", "success");
+
+ // edit local storage
+ editLocalStorage(editValue, value);
 setBackToDefault();
- // add to local storage
- addToLocalStorage(value);
 } else{
 displayAlert("please enter value", "danger");
 }
@@ -113,15 +114,15 @@ function editItem(e){
 // set form value
 grocery.value = editElement.innerHTML;
 editFlag = true;
+ editValue = editElement.innerHTML;
 //
 submitBtn.textContent = "edit";
- // remove from local storage
- removeFromLocalStorage(editElement.innerHTML);
 }
 // set backt to defaults
 function setBackToDefault(){
 grocery.value = "";
 editFlag = false;
+ editValue = "";
 submitBtn.textContent = "submit";
 }
 
@@ -147,6 +148,17 @@ function removeFromLocalStorage(grocery){
 });
 localStorage.setItem("list", JSON.stringify(items));
 }
+function editLocalStorage(oldValue, newValue){
+ let items = getLocalStorage();
+
+ items = items.map(function (item){
+ if (item === oldValue){
+ item = newValue;
+ }
+ return item;
+ });
+ localStorage.setItem("list", JSON.stringify(items));
+}
 
 // SETUP LOCALSTORAGE.REMOVEITEM('LIST');
 

-Original file line number
+Diff line change
 // edit option
 leteditElement;
 leteditFlag=false;
+-
 +leteditValue="";
 // ****** event listeners **********
 // submit form
 }elseif(value!==""&&editFlag){
 editElement.innerHTML=value;
 displayAlert("value changed","success");
++
 +// edit local storage
 +editLocalStorage(editValue,value);
 setBackToDefault();
 -// add to local storage
 -addToLocalStorage(value);
 }else{
 displayAlert("please enter value","danger");
+}
 // set form value
 grocery.value=editElement.innerHTML;
 editFlag=true;
 +editValue=editElement.innerHTML;
 //
 submitBtn.textContent="edit";
 -// remove from local storage
 -removeFromLocalStorage(editElement.innerHTML);
+}
 // set backt to defaults
 functionsetBackToDefault(){
 grocery.value="";
 editFlag=false;
 +editValue="";
 submitBtn.textContent="submit";
+}
 });
 localStorage.setItem("list",JSON.stringify(items));
+}
 +functioneditLocalStorage(oldValue,newValue){
 +letitems=getLocalStorage();
++
 +items=items.map(function(item){
 +if(item===oldValue){
 +item=newValue;
 +}
 +returnitem;
 +});
 +localStorage.setItem("list",JSON.stringify(items));
 +}
 // SETUP LOCALSTORAGE.REMOVEITEM('LIST');