       @getFlux().actions.addTodo(@state.newTodoText)
       @setState(newTodoText: "")
 
-  clearCompletedTodos: (e) ->
+  onClickClearButton: (e) ->
     @getFlux().actions.clearTodos()
 
   render: ->

          <input type="text"
                 placeholder="New Todo"
                 value={@state.newTodoText}
                 onChange={@handleTodoTextChange}
                 className="form-control" />
        </div>
        <div className="form-group">
          <input type="submit"
                 value="Add Todo"
                 className="btn btn-success"/>
          <button onClick={@clearCompletedTodos}
                  className={clearButton}>
            Clear Completed
          </button>

    flux = @getFlux()
    flux.store('TodoStore').getState()

  onChangeTodoText: (e) ->
    @setState(newTodoText: e.target.value)

  onSubmitForm: (e) ->
