diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b85f52e..8961495 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,6 +5,8 @@ import { AppComponent } from './app.component';
 import { TodosIndexComponent } from './todos-index/todos-index.component';
 import { TodosCreateComponent } from './todos-create/todos-create.component';
 
+import { FormsModule } from '@angular/forms';
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -12,7 +14,8 @@ import { TodosCreateComponent } from './todos-create/todos-create.component';
     TodosCreateComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    FormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]
diff --git a/src/app/todos-create/todos-create.component.html b/src/app/todos-create/todos-create.component.html
index 7fda963..945a082 100644
--- a/src/app/todos-create/todos-create.component.html
+++ b/src/app/todos-create/todos-create.component.html
@@ -1,3 +1,3 @@
 <h2>Create a Todo</h2>
-<input type="text" /><br/>
-<input type="submit" value="Create Todo">
+<input [(ngModel)]="todo" type="text" /><br/>
+<input (click)="create(todo)" type="submit" value="Create Todo">
diff --git a/src/app/todos-create/todos-create.component.ts b/src/app/todos-create/todos-create.component.ts
index 9c4210e..1377ba5 100644
--- a/src/app/todos-create/todos-create.component.ts
+++ b/src/app/todos-create/todos-create.component.ts
@@ -9,6 +9,10 @@ export class TodosCreateComponent implements OnInit {
 
   constructor() { }
 
+  create(todo){
+      console.log(todo);
+  }
+
   ngOnInit() {
   }