Reseting all data

Put the button in HTML.

<p><a data-role='button' id='reset-all-btn'>Reset All Data</a></p>

Create a reset function in data object.

data.resetAll = function() {
  localStorage.clear();
  data.books = [];
};

Bind the view and data together.

$('#reset-all-btn').click(function(){
  app.data.resetAll();
  app.view.renderList();
  app.view.renderTags();
});

Keep in mind that you may not really want to clear all the data when your code is a library. You may want to remember what keys you have created and just remove keys from your code by using the removeItem method.

What’s next? We’re going to take a look at “Optional – Panel”.