-
Notifications
You must be signed in to change notification settings - Fork 0
/
todo.js
55 lines (42 loc) · 1.13 KB
/
todo.js
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
//check off specific items by clicking
// $("li").on("click", function(){
// //if not checked, color = black
// //mark checked, change color to gray
// if($(this).css("color")==="rgb(0, 0, 0)"){
// $(this).css({
// color: "gray",
// textDecoration : "line-through",
// fontWeight: "normal"
// })
// }
// //if clicked again : TOGGLE!
// //make black again and UNchecked.
// else{
// $(this).css({
// color: "black",
// textDecoration : "none",
// fontWeight : "bold"
// })
// }
// })
$("ul").on("click", "li", function(){
$(this).toggleClass("checked");
})
//Click on * to delete todo
$("ul").on("click", "span", function(event){
$(this).parent().fadeOut("slow", function(){
$(this).remove();
});
event.stopPropagation();
})
//Adding a new todo
$("input[type='text']").on("keypress", function(event){
if(event.which === 13){ // 13 is the key for ENTER
var todo = $(this).val();
$(this).val("");
$("ul").append("<li><span><i class='fa fa-trash-o'></i></span>"+todo+"</li>");
}
})
$(".fa-plus").on("click", function(){
$("input").fadeToggle();
})