7
7
< link href ="style.css " rel ="stylesheet " type ="text/css " />
8
8
</ head >
9
9
< body >
10
- < h1 > Tasks< h1 >
10
+ < h1 > Tasks</ h1 >
11
+
12
+ < p > < span id ='date-time '> </ span > .</ p >
11
13
< button onclick ="newTask() "> New Task</ button >
12
14
< input type ="button " value ="Reset " onClick ="document.location.reload(true) ">
15
+ < button onclick ="quotes() "> Quotes</ button >
16
+
17
+ < button onclick ="done() "> Done!</ button >
18
+
19
+
20
+
13
21
14
22
< br >
15
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
16
- < input id ="w " type ="text " name ="width " placeholder ="Task 1 ">
17
23
< br >
18
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
19
- < input id ="w " type ="text " name ="width " placeholder ="Task 2 ">
24
+ < input id ="w " type ="checkbox " name ="width " placeholder ="Task ">
25
+ < input id ="w " type ="text " name ="width " placeholder ="Task ">
26
+ < input id ="w " type ="text " name ="width " placeholder ="Details ">
27
+ < input id ="w " type ="text " name ="width " placeholder ="Label ">
28
+ < input id ="w " type ="file " name ="width " placeholder ="Label ">
29
+
30
+
31
+
32
+
33
+ < input id ="w " type ="date " name ="width " placeholder ="Task ">
34
+
35
+ < input type = "color " value ="#34c9eb ">
20
36
< br >
21
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
22
- < input id ="w " type ="text " name ="width " placeholder ="Task 3 ">
23
37
< br >
24
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
25
- < input id ="w " type ="text " name ="width " placeholder ="Task 4 ">
38
+ < input id ="w " type ="checkbox " name ="width " placeholder ="Task ">
39
+ < input id ="w " type ="text " name ="width " placeholder ="Task ">
40
+ < input id ="w " type ="text " name ="width " placeholder ="Details ">
41
+ < input id ="w " type ="text " name ="width " placeholder ="Label ">
42
+ < input id ="w " type ="date " name ="width " placeholder ="Task ">
43
+ < input type = "color " value ="#34c9eb ">
44
+
26
45
< br >
27
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
28
- < input id ="w " type ="text " name ="width " placeholder ="Task 5 ">
29
46
< br >
30
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
31
- < input id ="w " type ="text " name ="width " placeholder ="Task 6 ">
47
+ < input id ="w " type ="checkbox " name ="width " placeholder ="Task
48
+ 4 ">
49
+ < input id ="w " type ="text " name ="width " placeholder ="Task ">
50
+ < input id ="w " type ="text " name ="width " placeholder ="Details ">
51
+ < input id ="w " type ="text " name ="width " placeholder ="Label ">
52
+
53
+ < input id ="w " type ="date " name ="width " placeholder ="Task ">
54
+ < input type = "color " value ="#34c9eb ">
32
55
< br >
33
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
34
- < input id ="w " type ="text " name ="width " placeholder ="Task 7 ">
35
56
< br >
36
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
37
- < input id ="w " type ="text " name ="width " placeholder ="Task 8 ">
57
+ < input id ="w " type ="checkbox " name ="width " placeholder ="Task ">
58
+ < input id ="w " type ="text " name ="width " placeholder ="Task ">
59
+ < input id ="w " type ="text " name ="width " placeholder ="Details ">
60
+ < input id ="w " type ="text " name ="width " placeholder ="Label ">
61
+ < input id ="w " type ="date " name ="width " placeholder ="Task ">
62
+ < input type = "color " value ="#34c9eb ">
38
63
< br >
39
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
40
- < input id ="w " type ="text " name ="width " placeholder ="Task 9 ">
41
64
< br >
42
- < input id ="w " type ="checkbox " name ="width " placeholder ="Task 4 ">
43
- < input id ="w " type ="text " name ="width " placeholder ="Task 10 ">
44
-
45
-
65
+
66
+ < script >
67
+
68
+
69
+ // var box = document.createElement("input");
70
+
71
+ var dt = new Date ( ) ;
72
+ document . getElementById ( 'date-time' ) . innerHTML = dt ;
73
+
74
+ function colorCodeOn ( ) {
75
+ newColor = document . createElement ( "input" ) ;
76
+ newColor . setAttribute ( "type" , "color" ) ;
77
+ newColor . setAttribute ( "value" , "#34c9eb" ) ;
78
+ document . body . appendChild ( newColor ) ;
79
+ }
80
+ function quotes ( ) {
81
+ alert ( "Quote1: Stay positive better days are on there way. Quote2: May your troubles be less and your blessings be more." ) ;
82
+ prompt ( "Better?" ) ;
83
+ }
84
+ function done ( ) {
85
+ alert ( "Congradulations! You finished all your tasks. Have fun and dont worry about anything!" ) ;
86
+ document . location . href = 'https://docs.google.com/presentation/d/1IrpLqS-52T1ih7AEy6F07g4zKxhz1_1azSyqVwE4Jf4/edit#slide=id.gdbface82a7_0_46'
87
+
88
+
89
+
90
+
91
+
92
+ }
93
+ function newTask ( ) {
94
+
95
+ const text = document . createElement ( "div" ) ;
96
+ text . innerHTML = "<br />" ;
97
+ document . body . appendChild ( text ) ;
98
+
99
+ newInput = document . createElement ( "input" ) ;
100
+ newInput . setAttribute ( "type" , "checkbox" ) ;
101
+ document . body . appendChild ( newInput ) ;
102
+
103
+ newInput = document . createElement ( "input" ) ;
104
+ newInput . setAttribute ( "type" , "text" ) ;
105
+ newInput . setAttribute ( "placeholder" , "Task" ) ;
106
+ document . body . appendChild ( newInput ) ;
107
+
108
+ newInput = document . createElement ( "input" ) ;
109
+ newInput . setAttribute ( "type" , "text" ) ;
110
+ newInput . setAttribute ( "placeholder" , "Details" ) ;
111
+ document . body . appendChild ( newInput ) ;
112
+
113
+ newInput = document . createElement ( "input" ) ;
114
+ newInput . setAttribute ( "type" , "text" ) ;
115
+ newInput . setAttribute ( "placeholder" , "Label" ) ;
116
+ document . body . appendChild ( newInput ) ;
117
+
118
+ newInput = document . createElement ( "input" ) ;
119
+ newInput . setAttribute ( "type" , "date" ) ;
120
+ document . body . appendChild ( newInput ) ;
121
+
122
+ newInput = document . createElement ( "input" ) ;
123
+ newInput . setAttribute ( "type" , "color" ) ;
124
+ newInput . setAttribute ( "value" , "#34c9eb" ) ;
125
+ document . body . appendChild ( newInput ) ;
126
+ }
127
+
128
+
129
+
130
+ </ script >
131
+
46
132
</ body >
47
- < script src =" script.js " > </ script >
133
+
48
134
</ html >
0 commit comments