This repository has been archived by the owner on Jun 5, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
to-dolist.html
80 lines (55 loc) · 2 KB
/
to-dolist.html
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<html>
<head>
<title>To-DO List</title>
</head>
<style>
.strike {
text-decoration: line-through;
}
</style>
<script>
n=0;
function addElement()
{
var item=document.getElementById("myInput").value;
if(item==""){
alert("Enter task");
}
var chkbox=document.createElement('input');
chkbox.type= "checkbox";
chkbox.id="chk"+n;
//console.log(chkbox.id);
var li=document.createElement("li");
var spn=document.createElement('span');
spn.innerHTML=item
spn.id="sp"+n;
console.log(spn.innerHTML)
// var tnode=document.createTextNode(item);//(//"<input type='checkbox' value='unchecked' id='"+cid+"'/>       "+item);
// tnode.id="tn"+n;
chkbox.onclick=function(){
if(this.checked==true){
console.log(this.nextElementSibling);
var x= this.nextElementSibling;
console.log(x);
this.nextElementSibling.style.textDecoration='line-through';
}
else{
this.nextElementSibling.style.textDecoration='none';
}
}
// console.log("hellotn"+n);
//console.log(tnode.id)
li.appendChild(chkbox);
li.appendChild(spn);
// li.appendChild(tnode);
n++;
var ul = document.getElementById("list").appendChild(li);
document.getElementById("myInput").value="";
}
</script>
<body>
<input type="text" id="myInput" placeholder="Enter Task..."/>
<input type="button" id="addbtn" value="Add" onclick="addElement()"/>
<ul id="list"></ul>
</body>
</html>