Hey there, I have a situation where I have two buttons - one to add a dog to the dog list and another to clear the entire list.
Both buttons are functioning properly, but I'm having an issue with only the OnSubmit button refreshing the page.
The dog list is loaded in OnReady, and it only refreshes when a new item is added. Whenever I clear the list, I have to manually refresh the page to see the changes.
function OnSubmit(event) {
addToStorageList(dogs, dog);
}
function OnClickClearList() {
localStorage.setItem('dogs', JSON.stringify([]));
}
function addToStorageList(listName, itemToAdd) {
var list = JSON.parse(localStorage.getItem(listName));
if (!Array.isArray(list)) {
list = [];
}
list.push(itemToAdd);
localStorage.setItem(listName, JSON.stringify(list));
}
$('#btn1').click(OnSubmit);
$('#btn2').click(OnClickClearList);
Any help would be greatly appreciated. Thank you!