todo/script.js at master · kish0808/todo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
$(document).ready(function () {
  TodoList = [];//d array task
  $('#addItem').on('click', addItem);

   // add item
  function addItem() {
    var newTodoTask = $('#newTodo').val();
   if (newTodoTask == "" || newTodoTask== undefined ){
    alert("please Enter something ");
    return false;
   }

   if($('#addItem').html()=="ADD"){
      //push in array
    TodoList.push(newTodoTask);
    $('#newTodo').val("");
    listTask();

  }
  else if ($('#addItem').html()=="SAVE")
{
 var saveTodoId=$('#newTodo').attr('indexid');
 TodoList[saveTodoId] = $('#newTodo').val();
 $('#newTodo').val("");
  listTask();

}
  }
  //print todos task
  function listTask() {
    $('#todos').html("");
    for (i = 0; i < TodoList.length;i++) {
      $('#todos').append('<div>'+ TodoList[i]+ '<span class="glyphicon glyphicon-trash deleteItem" delete-id='+i+' ></span>'+ '<span class="glyphicon glyphicon-edit editItem" data-id='+i+'></span> '+ '<span class="glyphicon glyphicon-ok selectItem" select-id='+i+' ></span> </div>');
    }
    $('.glyphicon-edit').on('click', editItem);//on click edit
    $('.glyphicon-trash').on('click', deleteItem);//on click delete icon
    $('.glyphicon-ok').on('click',selectItem)//on  click check icon
  }

  //Edit toodotask
function editItem(){

        todoItemId=$(this).attr('data-id');
        $("#newTodo").val(TodoList[todoItemId]);
        $('#newTodo').attr('indexid',todoItemId);
        $('#addItem').html("SAVE");

}

//delet todo task
function deleteItem(){
  var newdeleteId= $(this).attr('delete-id'); //get the index value
 TodoList.splice(newdeleteId,1 );
 // TodoList.splice();
 $('#todos').html(""); //clear
 listTask();//print

}

//check todotask
function selectItem(){
//  var  newSelectItemId  = $(this).attr('select-id');
$(this).parent('div').toggleClass("done");
}

});