fac-12
diff --git a/‎dom.js
+71 b/‎dom.js
+71
diff --git a/‎index.html
+21 b/‎index.html
+21
diff --git a/‎logic.js
+58 b/‎logic.js
+58
diff --git a/‎node_modules/.bin/tap-out
+1 b/‎node_modules/.bin/tap-out
+1
diff --git a/‎node_modules/.bin/tap-spec
+1 b/‎node_modules/.bin/tap-spec
+1
diff --git a/‎node_modules/.bin/tape
+1 b/‎node_modules/.bin/tape
+1
diff --git a/‎node_modules/.bin/tspec
+1 b/‎node_modules/.bin/tspec
+1
diff --git a/‎node_modules/ansi-regex/index.js
+4 b/‎node_modules/ansi-regex/index.js
+4
diff --git a/‎node_modules/ansi-regex/license
+21 b/‎node_modules/ansi-regex/license
+21
diff --git a/‎node_modules/ansi-regex/package.json
+109 b/‎node_modules/ansi-regex/package.json
+109
diff --git a/‎node_modules/ansi-regex/readme.md
+39 b/‎node_modules/ansi-regex/readme.md
+39
@@ -0,0 +1,71 @@
+// part 2 linking it all together
+// The function here is called an iife,
+// it keeps everything inside hidden from the rest of our application
+(function() {
+  // This is the dom node where we will keep our todo
+  var container = document.getElementById('todo-container');
+  var addTodoForm = document.getElementById('add-todo');
+
+  var state = [
+    { id: -3, description: 'first todo' },
+    { id: -2, description: 'second todo' },
+    { id: -1, description: 'third todo' },
+  ]; // this is our initial todoList
+
+  // This function takes a todo, it returns the DOM node representing that todo
+  var createTodoNode = function(todo) {
+    var todoNode = document.createElement('li');
+    // you will need to use addEventListener
+
+    // add span holding description
+
+    // this adds the delete button
+    var deleteButtonNode = document.createElement('button');
+    deleteButtonNode.addEventListener('click', function(event) {
+      var newState = todoFunctions.deleteTodo(state, todo.id);
+      update(newState);
+    });
+    todoNode.appendChild(deleteButtonNode);
+
+    // add markTodo button
+
+    // add classes for css
+
+    return todoNode;
+  };
+
+  // bind create todo form
+  if (addTodoForm) {
+    addTodoForm.addEventListener('submit', function(event) {
+      // https://developer.mozilla.org/en-US/docs/Web/Events/submit
+      // what does event.preventDefault do?
+      // what is inside event.target?
+
+      var description = '?'; // event.target ....
+
+      // hint: todoFunctions.addTodo
+      var newState = []; // ?? change this!
+      update(newState);
+    });
+  }
+
+  // you should not need to change this function
+  var update = function(newState) {
+    state = newState;
+    renderState(state);
+  };
+
+  // you do not need to change this function
+  var renderState = function(state) {
+    var todoListNode = document.createElement('ul');
+
+    state.forEach(function(todo) {
+      todoListNode.appendChild(createTodoNode(todo));
+    });
+
+    // you may want to add a class for css
+    container.replaceChild(todoListNode, container.firstChild);
+  };
+
+  if (container) renderState(state);
+})();
@@ -0,0 +1,21 @@
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>tdd todo</title>
+    <link rel="stylesheet" href="./style.css">
+  </head>
+  <body>
+    <div id = "todo-container">
+        <ul>
+        </ul>
+    </div>
+    <form id="add-todo">
+      <input type="text" name="description" value="">
+      <input type="submit" name="" value="Submit">
+    </form>
+  </body>
+  <script type="text/javascript" src = "./logic.js"></script>
+  <script type="text/javascript" src = "./dom.js"></script>
+</html>
@@ -0,0 +1,58 @@
+// Part 1. Fill in any missing parts of the todoFunction object!
+// you can access these on todo.todoFunctions
+// For part one we expect you to use tdd
+
+var todoFunctions = {
+  // todoFunctions.generateId() will give you a unique id
+  // You do not need to understand the implementation of this function.
+  generateId: (function() {
+    var idCounter = 0;
+
+    function incrementCounter() {
+      return (idCounter += 1);
+    }
+
+    return incrementCounter;
+  })(),
+
+  //cloneArrayOfObjects will create a copy of the todos array
+  //changes to the new array don't affect the original
+  cloneArrayOfObjects: function(todos) {
+    return todos.map(function(todo){
+      return JSON.parse(JSON.stringify(object));
+    });
+  },
+
+  addTodo: function(todos, newTodo) {
+    // should leave the input argument todos unchanged (you can use cloneArrayOfObjects)
+    // returns a new array, it should contain todos with the newTodo added to the end.
+    // add an id to the newTodo. You can use the generateId function to create an id.
+    // hint: array.concat
+  },
+  deleteTodo: function(todos, idToDelete) {
+    // should leave the input argument todos unchanged (you can use cloneArrayOfObjects)
+    // return a new array, this should not contain any todo with an id of idToDelete
+    // hint: array.filter
+  },
+  markTodo: function(todos, idToMark) {
+    // should leave the input argument todos unchanged (you can use cloneArrayOfObjects)
+    // in the new todo array, all elements will remain unchanged except the one with id: idToMark
+    // this element will have its done value toggled
+    // hint: array.map
+  },
+  sortTodos: function(todos, sortFunction) {
+    // stretch goal! Do this last
+    // should leave the input arguement todos unchanged (you can use cloneArrayOfObjects)
+    // sortFunction will have same signature as the sort function in array.sort
+    // hint: array.slice, array.sort
+  },
+};
+
+
+// Why is this if statement necessary?
+// The answer has something to do with needing to run code both in the browser and in Node.js
+// See this article for more details:
+// http://www.matteoagosti.com/blog/2013/02/24/writing-javascript-modules-for-both-browser-and-node/
+if (typeof module !== 'undefined') {
+  module.exports = todoFunctions;
+}