app.js

(function (window) { // IIFE: Immediately Invoked Function Expression
	'use strict'; // For bonus points, what does this do?

	// CONTROLLER FOR: I can add a task to my list...
	// 1. What event should I be listening for? keydn, keyup, keypress
	// 2. What element makes sense to listen for that event? input.new-todo
	// 3. What do I need to do when that event fires?

	// GIVEN an HTML element <input class="new-todo">
	var newTodoInput = document.querySelector('input.new-todo');

	// WHEN the user types a task
	newTodoInput.addEventListener('keyup', function addTodoController(event){
		if ( event.keyCode === 13 ){ // AND presses the "Enter" key
			console.log('sanity check!');
			// THEN:
			// TODO Save the thing to remember (task) to the list of things to remember (taskList)
			// TODO Remove the thing to remember (task) from the "What needs to be done?" box (input.new-todo)
			// TODO Update the number of tasks in the footer...
			// TODO Add a new task (ul.todo-list > li) to the list of tasks _in the display_ (ul.todo-list)
		}
	}); // END addEventListener(addTodoController)
})(window);