-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
52 lines (50 loc) · 1.62 KB
/
script.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
tasks={}
outputs={}
taskCount=0;
taskToDel=0;
document.querySelector("#taskWrite").addEventListener('keypress', function (event) {
if (event.key === 'Enter') {
addTask();
}
// if (event.key === 'ctrlKey'){
// console.log(hello);
// }
// if (event.key === 'ctrl') {
// removeTask();
// }
});
function addTask(){
if(document.querySelector("#taskWrite").value !== ""){
taskCount++;
tasks[taskCount.toString()] = document.querySelector("#taskWrite").value;
outputs[taskCount] = document.createElement("p");
outputs[taskCount].innerHTML = tasks[taskCount];
const output = document.querySelector("#output");
output.appendChild(outputs[taskCount]);
document.querySelector("#taskWrite").value = "";
// checkbox = <input type="checkbox" name="done"/>
// outputs[taskCount].appendChild(checkbox);
console.log(taskCount);
}
}
function removeTask(){
if(taskCount >= 0){
// taskCount--;
taskToDel++;
delete tasks[taskToDel.toString()];
let parent = document.querySelector("#output");
let child = document.querySelector("#output").getElementsByTagName("p")[0];
parent.removeChild(child);
console.log(taskToDel);
console.log(taskCount);
// document.querySelector("#output").innerHTML = tasks;
}
}
function generateOutput(){
for(const i in tasks){
outputs[i] = document.createElement("p");
outputs[i].innerHTML = tasks[i];
const output = document.querySelector("#output");
output.appendChild(outputs[i]);
}
}