JSFiddle - React, Tailwind, and code Playground

by Sajeetharan Sinnathurai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"></script>
<body  ng-app="todoModule" ng-controller="todoController" >
  <div class="add">
    <form>
        <input class="add-input" placeholder="Add Tasks.." ng-model="formNext"/>
         <button class="add-btn" ng-click="addTodo()"><h2>Add</h2></button>
    </form>
</div>

</body>

JavaScript

var todoApp = angular.module('todoModule', []);
todoApp.controller("todoController",function($scope){

var todos = [

        {text:"Learn JavaScript",done:false},
        {text:"Learn JavaScript",done:false},
        {text:"Learn AngularJs",done:false}

];

var getTotalTodos = function(){

    return todos.length;
}

var addTodo = function(){

    $scope.todos.push({text:formNext,done:false});
    $scope.formNext = '';
}
$scope.todoList = "";
$scope.message = "Hello World!";
$scope.todos = todos;
$scope.getTotalTodos = getTotalTodos;
});