-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
executable file
·86 lines (75 loc) · 2.7 KB
/
app.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
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
81
82
83
84
85
86
const btnTask = document.querySelector('.newTask');
const radImportant = document.querySelector('#radImportant')
const important = document.querySelector('#important');
const radNecessary = document.querySelector('#radNecessary')
const necessary = document.querySelector('#lessImportant');
const submitBtn = document.querySelector('.submitBtn');
const input = document.querySelector('#detail');
const popup = document.querySelector('#popup');
const addNewTask = document.querySelector('#addNewTask');
const cross = document.querySelector('#cross');
addNewTask.addEventListener('click', function (e) {
e.preventDefault();
const popup = document.querySelector('.popupText');
popup.classList.toggle('show');
})
addNewTask.addEventListener('click', () => {
if (addNewTask.clicked) {
popup.classList.toggle('.show');
}
})
submitBtn.addEventListener('mouseleave', function () {
const popup = document.querySelector('.popupText');
popup.classList.remove('show');
})
submitBtn.addEventListener('click', function (e) {
if (radImportant.checked) {
e.preventDefault();
const text = input.value;
const newLi = document.createElement('LI');
newLi.innerText = text;
important.append(newLi);
input.value = "";
radImportant.checked = "";
} else if (input.value === none) {
alert('Input required!!');
return;
}
});
submitBtn.addEventListener('click', function (e) {
if (radNecessary.checked) {
e.preventDefault();
const text = input.value;
const newLi = document.createElement('LI');
newLi.innerText = text;
necessary.append(newLi);
input.value = "";
radNecessary.checked = "";
} else if (input.value === none) {
alert('Input required!!');
return;
}
});
important.addEventListener('click', function (e) {
const remove = e.target.nodeName === "LI" && e.target.remove();
const completeTask = document.querySelector('#contentList');
const completeLi = document.createElement('LI');
completeLi.append(e.target);
completeTask.append(completeLi);
return completeTask;
});
necessary.addEventListener('click', function (e) {
const remove = e.target.nodeName === "LI" && e.target.remove();
const completeTask = document.querySelector('#contentList');
const completeLi = document.createElement('LI');
completeLi.append(e.target);
completeTask.append(completeLi);
return completeTask;
});
const savedPopup = document.querySelector('.savedPopup');
const saveBtn = document.querySelector('#saveWork');
savedPopup.addEventListener('click', function () {
if (saveBtn.clicked) {
savedPopup.classList.toggle('show');
}
})