[day 6] Add ability to clear the todos

Author: jessabean

projects/6-to-do-list/index.html

@@ -33,6 +33,7 @@ <h1>Too Doo List</h1>
         <button id="btn-submit" type="submit">Add to do</button>
       </form>
       <ul id="todo-items" class="todo-list"></ul>
+      <a href="#" id="clear-todos">Clear my too doo list</a>
     </div>
   </div>
 

projects/6-to-do-list/js/to-do.js

@@ -37,6 +37,14 @@ var validateToDo = function(event) {
   }
 };
 
+var clearToDos = function(event) {
+  event.preventDefault();
+  window.localStorage.clear();
+  location.reload();
+  return false;
+};
+
+document.getElementById('clear-todos').addEventListener('click', clearToDos, false);
 
 document.getElementById('btn-submit').addEventListener('click', validateToDo, false);